claude dark v8 "copper & slate"
This commit is contained in:
@@ -5,7 +5,6 @@ import '@styles/main.css';
|
||||
<style>
|
||||
header {
|
||||
background-color: var(--primary-color-faded);
|
||||
border-bottom: var(--header-border);
|
||||
}
|
||||
|
||||
nav {
|
||||
@@ -27,7 +26,6 @@ import '@styles/main.css';
|
||||
|
||||
&:hover {
|
||||
background: var(--nav-hover);
|
||||
color: var(--nav-hover-color);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,8 +13,6 @@
|
||||
--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;
|
||||
@@ -23,16 +21,14 @@
|
||||
}
|
||||
|
||||
@media(prefers-color-scheme: dark) {
|
||||
--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);
|
||||
--bg-color: hsl(220deg 10% 13%);
|
||||
--content-color: hsl(30deg 10% 75%);
|
||||
--content-color-faded: hsl(25deg 6% 50%);
|
||||
--heading-color: hsl(35deg 25% 88%);
|
||||
--primary-color: hsl(220deg 15% 40%);
|
||||
--primary-color-faded: hsl(220deg 12% 18%);
|
||||
--accent-color: hsl(18deg 70% 55%);
|
||||
--accent-color-faded: hsl(18deg 30% 45%);
|
||||
--nav-hover: hsl(20deg 15% 100% / 10%);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user