style: sidebar UX polish — unified dividers, letter-spacing, contrast, font floor
- Unify sidebar dividers: one dashed style + --sidebar-rule token (replaces 4 old tokens) - Remove total-line border from invoice/value/summary groups (keep monthly only) - Add --text-spacing-money: 0.05em token (was hardcoded 0.02em) for price readability - Bump 6 font sizes from 8-10px to 0.6875rem (11px minimum floor) - Darken --muted: Dark #9e9588→#b0a99f (6.6:1), Light #6a6157→#554e46 (6.5:1) - Remove opacity on 9 text elements that were double-muting with --muted color - Normalize divider weight across themes: Dark/Light 75%, Glass 0.16 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -87,10 +87,11 @@
|
||||
--text-copy-line: 1.76;
|
||||
--text-compact-line: 1.58;
|
||||
--text-title-line: 1.24;
|
||||
--text-spacing-money: 0.05em;
|
||||
--ink: #e8e3da; /* warm beige-white — brighter for legibility */
|
||||
--paper: #1c1a17; /* darker base — widens gap vs card for panel float */
|
||||
--accent: #3d8aba; /* lifted blue — pops on dark backgrounds */
|
||||
--muted: #9e9588; /* softer secondary — clearly subordinate but readable */
|
||||
--muted: #b0a99f; /* softer secondary — clearly subordinate but readable (6.6:1) */
|
||||
--border: #35322c; /* subtler dividers */
|
||||
--border-soft: var(--border);
|
||||
--card: #272420; /* elevated surface — clear separation from paper */
|
||||
@@ -260,10 +261,8 @@
|
||||
--sidebar-zone-value: rgba(58, 184, 112, 0.05);
|
||||
--sidebar-zone-summary: rgba(255, 255, 255, 0.03);
|
||||
--sidebar-zone-tax: transparent;
|
||||
--sidebar-line-rule: color-mix(in srgb, var(--border) 88%, transparent);
|
||||
--sidebar-line-rule-style: dashed;
|
||||
--sidebar-total-rule: var(--border);
|
||||
--sidebar-total-rule-style: solid;
|
||||
--sidebar-rule: color-mix(in srgb, var(--border) 75%, transparent);
|
||||
--sidebar-rule-style: dashed;
|
||||
--sidebar-row-stripe: rgba(255, 255, 255, 0.018);
|
||||
--sidebar-group-title-color: var(--muted);
|
||||
--sidebar-stack-gap: 14px;
|
||||
|
||||
Reference in New Issue
Block a user