theme: light background -> cream #faf8f5 (the dashboard's true page background); green stays as accents; chat text areas stay white

This commit is contained in:
Nathan Schneider committed 2026-10-19 12:52:20 -06:00
1 parent 17129e462b
commit 05c368100a
1 file changed
+11 -11
+11 -11
View File
@@ -10,22 +10,22 @@
============================================================ */ ============================================================ */
html.light { html.light {
--surface-primary: 234 243 234; /* #eaf3ea — dashboard app green background */ --surface-primary: 250 248 245; /* --cream #faf8f5 — dashboard page background */
--surface-secondary: 255 255 255; /* sidebar + composer box: white cards on green */ --surface-secondary: 255 255 255; /* sidebar + composer box: white cards */
--surface-tertiary: 240 246 239; --surface-tertiary: 244 242 236; /* #f4f2ec — dashboard chip background */
--surface-hover: 223 237 222; /* visible green hover on white surfaces */ --surface-hover: 234 243 234; /* #eaf3ea — dashboard green wash as hover */
--surface-submit: 91 140 90; /* --green-deep #5b8c5a */ --surface-submit: 91 140 90; /* --green-deep #5b8c5a */
--surface-submit-hover: 107 168 107; /* --green-mid #6ba86b */ --surface-submit-hover: 107 168 107; /* --green-mid #6ba86b */
--accent-primary: 91 140 90; /* --green-deep */ --accent-primary: 91 140 90; /* --green-deep */
--accent-primary-hover: 107 168 107; /* --green-mid */ --accent-primary-hover: 107 168 107; /* --green-mid */
--ring-primary: 91 140 90; /* --green-deep */ --ring-primary: 91 140 90;
--link: 91 140 90; /* --green-deep */ --link: 74 122 74;
--text-primary: 45 51 39; /* --ink #2d3327 */ --text-primary: 45 51 39; /* --ink #2d3327 */
--text-secondary: 107 122 98; /* --muted #6b7a62 */ --text-secondary: 107 122 98; /* --muted #6b7a62 */
--border-light: 205 224 203; /* green-tinted border */ --border-light: 228 224 216; /* --border #e4e0d8 */
--presentation: 234 243 234; /* chat-form backdrop (was white) */ --presentation: 250 248 245; /* cream — composer band matches page */
--surface-chat: 255 255 255; /* chat box text areas: white, highlighted on green */ --surface-chat: 255 255 255; /* chat box text areas: white */
--surface-composer-hover: 223 237 222; --surface-composer-hover: 244 242 236;
} }
html.dark { html.dark {
@@ -79,7 +79,7 @@ html.dark {
/* ---- Loading screen: brand the pre-React flash instead of white/black ---- */ /* ---- Loading screen: brand the pre-React flash instead of white/black ---- */
#loading-container { #loading-container {
background-color: rgb(234, 243, 234); /* dashboard green */ background-color: rgb(250, 248, 245); /* cream */
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
#loading-container { #loading-container {