jfmonty2/blog
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

claude dark v8 "copper & slate"

Browse Source
This commit is contained in:
Joseph Montanaro
2026-03-07 11:08:08 -05:00
parent 1142003e40
commit 6b8c47cbb4
2 changed files with 9 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/BaseLayout.astro
View File

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

22
src/styles/vars.css
View File

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