diff --git a/themes/intotheeast/css/tokens.css b/themes/intotheeast/css/tokens.css index ce58230..cd5ed1d 100644 --- a/themes/intotheeast/css/tokens.css +++ b/themes/intotheeast/css/tokens.css @@ -1,16 +1,18 @@ :root { - /* ── Colors ─────────────────────────────────────────────── */ - --color-ink: #17171A; - --color-ink-2: #4A4850; - --color-ink-muted: #9896A0; - --color-paper: #F7F5F2; - --color-canvas: #FFFFFF; - --color-border: #E8E6E3; - --color-border-soft: #F0EDEA; - --color-accent: #1F6B5A; - --color-accent-hover: #185647; - --color-accent-light: #EBF5F2; - --color-accent-on: #FFFFFF; + /* ── Dark palette (warm notebook) ──────────────────────────────────────── */ + --color-paper: #1A1814; /* page background — warm near-black */ + --color-canvas: #22201B; /* card surfaces, form backgrounds */ + --color-ink: #EDE8DF; /* primary text — warm cream */ + --color-ink-2: #B8B0A4; /* body text — muted warm */ + --color-ink-muted: #7A7268; /* labels, timestamps, captions */ + --color-border: #2E2B25; /* standard dividers */ + --color-border-soft: #252219; /* subtle dividers */ + --color-accent: #2A8C73; /* teal — lightened for dark contrast */ + --color-accent-hover: #236655; /* hover/pressed teal */ + --color-accent-light: #1A2E29; /* pale teal tint backgrounds */ + --color-accent-on: #FFFFFF; /* text on accent surfaces */ + --color-surface-raised: #2A2720; /* elevated surfaces: tooltips, hover */ + --color-ink-inverse: #17171A; /* text on accent-coloured buttons */ /* ── Fonts ───────────────────────────────────────────────── */ --font-display: 'DM Serif Display', Georgia, serif;