Workspace: Auswahllisten und Kalender in dunkler Darstellung

Die aufgeklappte Liste eines <select> zeichnet der Browser selbst, CSS
erreicht sie nicht. Ohne Hinweis geht er von einer hellen Seite aus und
malt sie weiss -- die helle Schrift darauf war praktisch unlesbar
(gemeldet mit Screenshot).

Behebung ueber color-scheme: dark auf <html>. Das ist der Schalter fuer
alles, was der Browser selbst zeichnet: Auswahllisten, Datumskalender,
Bildlaufleisten, Textmarkierung. Zusaetzlich sind Hintergrund und
Schriftfarbe an <option> gesetzt, weil aeltere Browser und manche
Linux-Oberflaechen color-scheme nur teilweise beachten.

Damit entfallen die beiden filter: invert(.75) am Kalendersymbol der
Datumsfelder -- der Browser zeichnet es jetzt schon hell, invert haette
es wieder verdunkelt.

Nur statische Dateien, kein Neustart noetig.
This commit is contained in:
2026-08-28 00:20:10 +02:00
parent 8bfd2ae166
commit a378b126fe
3 changed files with 21 additions and 4 deletions
+2 -1
View File
@@ -33,7 +33,8 @@
outline: none; border-color: rgba(63, 189, 245, .7);
box-shadow: 0 0 0 3px rgba(63, 189, 245, .16);
}
.gruppe input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(.75); cursor: pointer; }
/* Siehe aufgaben.css: color-scheme: dark erledigt das Aufhellen. */
.gruppe input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; }
.gruppe__raster {
display: grid; gap: 14px; margin-top: 16px;