jfork/octane-website
1
0
Fork 0
mirror of https://github.com/nfonteyne/octane-website.git synced 2026-09-03 23:24:48 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

update: better colors for calendar light mode and see rejected rehersal in calendar
Some checks failed
CI/CD / test (push) Has been cancelled
Details
CI/CD / build-and-push (push) Has been cancelled
Details

Browse source
This commit is contained in:
Nathan FONTEYNE 2026-08-11 11:59:38 +02:00
parent a3d62200ce
commit d0e9dfb62e
4 changed files with 55 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

36
public/css/style.css
View file

@ -15,6 +15,11 @@
--radius: 14px;
--radius-sm: 8px;
--shadow: 0 1px 2px rgba(32, 31, 43, 0.04), 0 4px 16px rgba(32, 31, 43, 0.06);
/* Higher than the dark-mode value below — pale accent tints on a white
surface read as barely-there in light mode, so light needs a stronger mix
to hit the same perceived contrast dark mode gets "for free" against a
dark surface. */
--cal-marker-mix: 38%;
font-family: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
}
@ -34,6 +39,7 @@
--success: #4fd190;
--success-bg: #163828;
--shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 8px 24px rgba(0, 0, 0, 0.35);
--cal-marker-mix: 24%;
}
}
@ -51,6 +57,7 @@
--danger-bg: #3a201f;
--success: #4fd190;
--success-bg: #163828;
--cal-marker-mix: 24%;
}
:root[data-theme="light"] {
@ -67,6 +74,7 @@
--danger-bg: #fdecea;
--success: #1e8e5a;
--success-bg: #e8f7ef;
--cal-marker-mix: 38%;
}
* { box-sizing: border-box; }
@ -1567,6 +1575,10 @@ button.calendar-filters-close { display: none; }
.vote-badge.accept { border-left: 3px solid var(--success); }
.vote-badge.reject { border-left: 3px solid var(--danger); }
.vote-badge.rehearsal-status-confirmed { border-left: 3px solid var(--accent); }
.vote-badge.rehearsal-status-suggested { border-left: 3px solid var(--success); }
.vote-badge.rehearsal-status-rejected { border-left: 3px solid var(--danger); }
.rehearsal-voted-section { margin-top: 0.75rem; }
.rehearsal-voted-section > summary {
@ -1595,16 +1607,22 @@ button.calendar-filters-close { display: none; }
/* Concert/rehearsal markers take priority over the availability heat colors
above (same specificity, later in the cascade) — a scheduled date matters
more than who's free that day. */
.cal-cell.has-rehearsal { background: color-mix(in srgb, var(--accent) 20%, var(--surface)); border-color: var(--accent); }
.cal-cell.rehearsal-confirmed { background: color-mix(in srgb, var(--success) 20%, var(--surface)); border-color: var(--success); }
.cal-cell.rehearsal-suggested { background: color-mix(in srgb, var(--accent) 20%, var(--surface)); border-color: var(--accent); }
.cal-cell.has-concert { background: color-mix(in srgb, var(--accent-2) 20%, var(--surface)); border-color: var(--accent-2); }
.cal-cell.has-rehearsal.has-concert {
background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 20%, var(--surface)), color-mix(in srgb, var(--accent-2) 20%, var(--surface)));
}
more than who's free that day.
Colors: confirmed rehearsals are purple (accent) — the "settled, book it"
state; still-pending suggestions are green — an invitation to vote, not yet
settled; a rejected rehearsal (host said no, or too many refusals) is red. */
.cal-cell.rehearsal-confirmed { background: color-mix(in srgb, var(--accent) var(--cal-marker-mix), var(--surface)); border-color: var(--accent); }
.cal-cell.rehearsal-suggested { background: color-mix(in srgb, var(--success) var(--cal-marker-mix), var(--surface)); border-color: var(--success); }
.cal-cell.rehearsal-rejected { background: color-mix(in srgb, var(--danger) var(--cal-marker-mix), var(--surface)); border-color: var(--danger); }
.cal-cell.has-concert { background: color-mix(in srgb, var(--accent-2) var(--cal-marker-mix), var(--surface)); border-color: var(--accent-2); }
.cal-cell.rehearsal-confirmed.has-concert {
background: linear-gradient(135deg, color-mix(in srgb, var(--success) 20%, var(--surface)), color-mix(in srgb, var(--accent-2) 20%, var(--surface)));
background: linear-gradient(135deg, color-mix(in srgb, var(--accent) var(--cal-marker-mix), var(--surface)), color-mix(in srgb, var(--accent-2) var(--cal-marker-mix), var(--surface)));
}
.cal-cell.rehearsal-suggested.has-concert {
background: linear-gradient(135deg, color-mix(in srgb, var(--success) var(--cal-marker-mix), var(--surface)), color-mix(in srgb, var(--accent-2) var(--cal-marker-mix), var(--surface)));
}
.cal-cell.rehearsal-rejected.has-concert {
background: linear-gradient(135deg, color-mix(in srgb, var(--danger) var(--cal-marker-mix), var(--surface)), color-mix(in srgb, var(--accent-2) var(--cal-marker-mix), var(--surface)));
}
/* ---------- Concerts: upcoming list + detail actions ---------- */