m/paliad
1
0
Fork 0
Code Issues 146 Pull Requests 8 Actions 3 Packages Projects Releases Wiki Activity

fix(t-paliad-120): /events Termin-Typ chip — dark-mode text invisible

Browse Source 
Add dark-mode rules for `.termin-type-chip.termin-type-XYZ`. Without them
the chip inherited the bare `.termin-type-XYZ` swatch rule (line 8407+),
which intentionally paints text the same colour as the background for
the dot/border-left swatch use case → text invisible in the chip context.

Mirror the existing badge dark rules (lines 8413-8415) so chip and badge
share the same colour family. Adds the missing `consultation` variant for
the chip (badge consultation dark is also missing but out of scope).
This commit is contained in:
m
2026-05-04 18:25:59 +02:00
parent ecfd62e330
commit f79dbdba4a
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/styles/global.css
View File

@@ -8414,6 +8414,14 @@ dialog.quick-add-sheet::backdrop {
:root[data-theme="dark"] .termin-type-badge.termin-type-meeting { background: var(--status-blue-bg); color: var(--status-blue-fg-2); }
:root[data-theme="dark"] .termin-type-badge.termin-type-deadline_hearing { background: var(--status-amber-bg); color: var(--status-amber-fg); }
/* Termin pill chips (Termin-Typ column on /events). Without this block the
chip would inherit the bare .termin-type-XYZ rule above, which paints
text the same colour as the swatch background → invisible. */
:root[data-theme="dark"] .termin-type-chip.termin-type-hearing { background: var(--status-red-bg); color: var(--status-red-fg); }
:root[data-theme="dark"] .termin-type-chip.termin-type-meeting { background: var(--status-blue-bg); color: var(--status-blue-fg-2); }
:root[data-theme="dark"] .termin-type-chip.termin-type-consultation { background: rgb(var(--hlc-lime-rgb) / 0.18); color: var(--hlc-lime); }
:root[data-theme="dark"] .termin-type-chip.termin-type-deadline_hearing { background: var(--status-amber-bg); color: var(--status-amber-fg); }
/* Termin card border-left colour cues */
:root[data-theme="dark"] .termin-card-today { border-left-color: var(--status-amber-fg-2); color: var(--status-amber-fg-2); }
:root[data-theme="dark"] .termin-card-week { border-left-color: var(--status-blue-fg-2); color: var(--status-blue-fg-2); }