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:
@@ -191,8 +191,7 @@ html {
|
||||
--sidebar-zone-value: rgba(99, 216, 162, 0.04);
|
||||
--sidebar-zone-summary: rgba(105, 200, 255, 0.03);
|
||||
--sidebar-row-stripe: rgba(105, 200, 255, 0.03);
|
||||
--sidebar-line-rule: rgba(143, 183, 221, 0.12);
|
||||
--sidebar-total-rule: rgba(143, 183, 221, 0.22);
|
||||
--sidebar-rule: rgba(143, 183, 221, 0.16);
|
||||
}
|
||||
|
||||
body {
|
||||
@@ -469,10 +468,10 @@ body::before {
|
||||
border-color: var(--glass-divider) !important;
|
||||
}
|
||||
.sidebar-line {
|
||||
border-bottom-color: var(--glass-divider) !important;
|
||||
border-bottom-color: var(--sidebar-rule) !important;
|
||||
}
|
||||
.sidebar-line.sidebar-line-total {
|
||||
border-top-color: var(--sidebar-total-rule) !important;
|
||||
border-top-color: var(--sidebar-rule) !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user