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

claude dark v4, blue/gold

Browse Source
This commit is contained in:
Joseph Montanaro
2026-03-07 09:18:19 -05:00
parent 7acf1f2c9f
commit 6747faeb7a
4 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/BaseLayout.astro
View File

@@ -25,7 +25,7 @@ import '@styles/main.css';
text-align: center; text-align: center;
&:hover { &:hover {
background: hsl(0deg 0% 0% / 10%); background: var(--nav-hover);
} }
} }
} }

1
src/styles/main.css
View File

@@ -9,4 +9,5 @@ body {
font-size: var(--content-size); font-size: var(--content-size);
line-height: var(--content-line-height); line-height: var(--content-line-height);
color: var(--content-color); color: var(--content-color);
background-color: var(--bg-color);
} }

2
src/styles/prose.css
View File

@@ -5,7 +5,7 @@
font-family: 'Baskervville Variable', serif; font-family: 'Baskervville Variable', serif;
font-weight: 650; font-weight: 650;
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
color: hsl(0 0% 27%); color: var(--heading-color);
letter-spacing: 0.015em; letter-spacing: 0.015em;
} }

19
src/styles/vars.css
View File

@@ -4,16 +4,31 @@
--content-line-height: 1.5; --content-line-height: 1.5;
--content-width: 52.5rem; --content-width: 52.5rem;
--content-padding: 0.65rem; --content-padding: 0.65rem;
--bg-color: hsl(0deg 0% 100%);
--content-color: hsl(0deg 0% 20%); --content-color: hsl(0deg 0% 20%);
--content-color-faded: #555; --content-color-faded: #555;
--heading-color: hsl(0deg 0% 27%);
--primary-color: hsl(202deg 72% 28%); --primary-color: hsl(202deg 72% 28%);
--primary-color-faded: hsl(202deg 14% 36%); --primary-color-faded: hsl(202deg 14% 36%);
--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%);
@media(max-width: 640px) { @media(max-width: 640px) {
--content-line-height: 1.25; --content-line-height: 1.25;
--content-size: 1.15rem; --content-size: 1.15rem;
--content-size-sm: 0.9rem; --content-size-sm: 0.9rem;
} }
@media(prefers-color-scheme: dark) {
--bg-color: hsl(220deg 18% 11%);
--content-color: hsl(215deg 10% 78%);
--content-color-faded: hsl(215deg 6% 55%);
--heading-color: hsl(210deg 15% 90%);
--primary-color: hsl(215deg 60% 50%);
--primary-color-faded: hsl(220deg 30% 22%);
--accent-color: hsl(45deg 85% 55%);
--accent-color-faded: hsl(45deg 35% 50%);
--nav-hover: hsl(210deg 30% 100% / 12%);
}
} }