diff --git a/web/src/app.css b/web/src/app.css index 51b7d69..aaeeb94 100644 --- a/web/src/app.css +++ b/web/src/app.css @@ -242,6 +242,7 @@ --note-on-ink: #1e1e1e; /* dark text on the gold */ --nav-active-ink: #1e1e1e; /* dark text on the amber menu item */ --heading-ink: #8a8e90; /* PROJEKTER and the group names — quiet grey */ + --note-group-bg: #2d3133; /* day separators take the menu's resting grey, not the darker ground */ --p1: #cf6b6b; --p2: #d69f5c; diff --git a/web/src/routes/noter/+page.svelte b/web/src/routes/noter/+page.svelte index 01f1499..867dc17 100644 --- a/web/src/routes/noter/+page.svelte +++ b/web/src/routes/noter/+page.svelte @@ -1406,7 +1406,10 @@ top: 0; z-index: 1; margin: 0 0 var(--s1); - background: var(--ground); + /* --ground everywhere but Kul, where the ground is the darkest thing on screen + and a day separator on it reads as a dark bar. There it takes the menu's own + resting colour instead, via --note-group-bg. */ + background: var(--note-group-bg, var(--ground)); border-radius: var(--radius); }