scriptoriumadmin/fabro
1
0
Fork 0
mirror of https://github.com/fabro-sh/fabro.git synced 2026-10-07 03:00:29 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Fix light mode colors for diff views and charts

Browse source 
The .light CSS variable overrides were defined before the :root dark
defaults, so equal-specificity source-order caused the dark values to
always win. Move .light overrides after each :root block so they
correctly take effect.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Bryan Helmkamp 2026-03-01 19:12:13 -05:00
parent e87ca6a8af
commit 3b8a0c3af2
1 changed files with 18 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
apps/arc-web/app/app.css
View file

@ -63,30 +63,20 @@
--color-coral: #dc2626;
--color-teal-300: #0891b2;
--color-teal-500: #0e7490;
/* @pierre/diffs — light surfaces */
--diffs-bg-buffer-override: #ffffff;
--diffs-bg-context-override: #f8fafc;
--diffs-bg-hover-override: #f1f5f9;
--diffs-bg-separator-override: #e2e8f0;
--diffs-fg-number-override: #94a3b8;
--diffs-addition-color-override: #0d9488;
--diffs-fg-number-addition-override: rgba(13, 148, 136, 0.5);
--diffs-deletion-color-override: #dc2626;
--diffs-fg-number-deletion-override: rgba(220, 38, 38, 0.5);
/* Chart variables */
--chart-gridline: rgba(0, 0, 0, 0.06);
--chart-axis-label: rgba(71, 85, 105, 1);
}
/* ── Chart variables (dark defaults) ── */
/* ── Chart variables ── */
:root {
--chart-gridline: rgba(255, 255, 255, 0.04);
--chart-axis-label: rgba(75, 87, 104, 1);
}
.light {
--chart-gridline: rgba(0, 0, 0, 0.06);
--chart-axis-label: rgba(71, 85, 105, 1);
}
/* ── Background atmosphere ── */
.bg-atmosphere {
@ -146,3 +136,15 @@
--diffs-deletion-color-override: #E86B6B;
--diffs-fg-number-deletion-override: rgba(232, 107, 107, 0.5);
}
.light {
--diffs-bg-buffer-override: #ffffff;
--diffs-bg-context-override: #f8fafc;
--diffs-bg-hover-override: #f1f5f9;
--diffs-bg-separator-override: #e2e8f0;
--diffs-fg-number-override: #94a3b8;
--diffs-addition-color-override: #0d9488;
--diffs-fg-number-addition-override: rgba(13, 148, 136, 0.5);
--diffs-deletion-color-override: #dc2626;
--diffs-fg-number-deletion-override: rgba(220, 38, 38, 0.5);
}