claude dark v7 "stormfront"

This commit is contained in:
2026-03-07 11:06:36 -05:00
parent 365da1f285
commit 1142003e40
2 changed files with 15 additions and 9 deletions

View File

@@ -5,6 +5,7 @@ import '@styles/main.css';
<style>
header {
background-color: var(--primary-color-faded);
border-bottom: var(--header-border);
}
nav {
@@ -26,6 +27,7 @@ import '@styles/main.css';
&:hover {
background: var(--nav-hover);
color: var(--nav-hover-color);
}
}
}

View File

@@ -13,6 +13,8 @@
--accent-color: hsl(0deg 92% 29%);
--accent-color-faded: hsl(0deg 25% 55%);
--nav-hover: hsl(0deg 0% 0% / 10%);
--nav-hover-color: white;
--header-border: none;
@media(max-width: 640px) {
--content-line-height: 1.25;
@@ -21,14 +23,16 @@
}
@media(prefers-color-scheme: dark) {
--bg-color: hsl(160deg 15% 9%);
--content-color: hsl(100deg 8% 78%);
--content-color-faded: hsl(110deg 5% 52%);
--heading-color: hsl(45deg 20% 90%);
--primary-color: hsl(155deg 30% 35%);
--primary-color-faded: hsl(155deg 20% 14%);
--accent-color: hsl(340deg 45% 65%);
--accent-color-faded: hsl(340deg 20% 50%);
--nav-hover: hsl(155deg 15% 100% / 10%);
--bg-color: hsl(0deg 0% 8%);
--content-color: hsl(0deg 0% 75%);
--content-color-faded: hsl(0deg 0% 50%);
--heading-color: hsl(0deg 0% 95%);
--primary-color: hsl(270deg 60% 60%);
--primary-color-faded: hsl(0deg 0% 8%);
--accent-color: hsl(270deg 75% 65%);
--accent-color-faded: hsl(270deg 25% 50%);
--nav-hover: hsl(270deg 30% 100% / 10%);
--nav-hover-color: var(--accent-color);
--header-border: 2px solid var(--accent-color);
}
}