mirror of
https://github.com/andwati/andwati.com.git
synced 2026-10-18 09:22:53 +00:00
andwati
a51671d7e4
- new paper/ink palette with single red accent, replacing catppuccin - self-hosted IBM Plex Serif (display) + Source Serif 4 (body), drop Outfit - rebuilt homepage masthead, numbered post index, navbar with active states - switch syntax highlighting + utterances to gruvbox, synced via postMessage - remove terminal/404 easter egg chrome, clean up remaining inline styles - fix stray syntax.css link causing a 404
47 lines
1.6 KiB
SCSS
47 lines
1.6 KiB
SCSS
// Design Variables — "Case File": a declassified incident-report aesthetic.
|
|
// One accent only; flat colors + hairline borders, no gradients or glass blur.
|
|
:root {
|
|
--bg-color: #e9e9e2; // paper (cool bone, not warm cream)
|
|
--surface-color: #dedecf; // slightly recessed paper — cards, code blocks
|
|
--text-color: #17181c; // ink
|
|
--text-muted: #68675f; // faded ink
|
|
--accent-color: #b42318; // classified-stamp red
|
|
--accent-hover: #8e1b12;
|
|
--border-color: rgba(23, 24, 28, 0.16);
|
|
--shadow-color: rgba(23, 24, 28, 0.08);
|
|
|
|
--font-sans: 'Source Serif 4', Georgia, serif; // body copy
|
|
--font-display: 'IBM Plex Serif', Georgia, serif; // headings, masthead
|
|
--font-mono: 'JetBrains Mono', monospace; // case-reference lines, tags, code
|
|
|
|
--transition-smooth:
|
|
transform 0.2s cubic-bezier(0.16, 1, 0.3, 1),
|
|
color 0.2s cubic-bezier(0.16, 1, 0.3, 1),
|
|
background-color 0.2s cubic-bezier(0.16, 1, 0.3, 1),
|
|
border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
|
|
|
|
--scrollbar-track: #dedecf;
|
|
--scrollbar-thumb: #b0afa2;
|
|
--scrollbar-thumb-hover: #b42318;
|
|
|
|
// Shared reading column — keeps the masthead rule, eyebrow, and post
|
|
// list aligned to the same right edge instead of drifting per-component.
|
|
--content-width: 700px;
|
|
}
|
|
|
|
// Dark mode — same document, read at night
|
|
html.dark {
|
|
--bg-color: #131311;
|
|
--surface-color: #1b1a17;
|
|
--text-color: #e9e7de;
|
|
--text-muted: #8b8a80;
|
|
--accent-color: #ff5a46;
|
|
--accent-hover: #ff7c6b;
|
|
--border-color: rgba(233, 231, 222, 0.14);
|
|
--shadow-color: rgba(0, 0, 0, 0.5);
|
|
|
|
--scrollbar-track: #1b1a17;
|
|
--scrollbar-thumb: #3a382f;
|
|
--scrollbar-thumb-hover: #ff5a46;
|
|
}
|