some styling

This commit is contained in:
2026-06-10 12:21:48 -07:00
parent 9e7a6dfabf
commit a4ddc293c1
2 changed files with 20 additions and 0 deletions

View File

@ -1,5 +1,14 @@
:root {
color-scheme: light dark;
--color-dark: #202325;
--color-light: #e4edf3;
--color-blue-dark: #0c436d;
--color-blue-light: #5ca6ce;
--color-text: light-dark(var(--color-dark), var(--color-light));
--color-bg: light-dark(var(--color-light), var(--color-dark));
--color-accent: light-dark(var(--color-blue-dark), var(--color-blue-light));
}
/* numbered components are from https://www.joshwcomeau.com/css/custom-css-reset/ */
@ -25,6 +34,8 @@ body {
line-height: 1.5; /* 4. Increase line-height */
-webkit-font-smoothing: antialiased; /* 5. Improve text rendering */
font-family: sans-serif;
color: var(--color-text);
background-color: var(--color-bg);
}
#content {
@ -65,6 +76,10 @@ h1, h2, h3, h4, h5, h6 {
text-wrap: balance; /* 9. Improve line wrapping */
font-family: serif;
margin-block-start: 1em;
color: var(--color-accent);
font-variant: small-caps;
font-family: Montserrat;
font-weight: 400;
}
h1 {