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
+4 -2
View File
@@ -54,8 +54,10 @@
outline: none; border-color: rgba(63, 189, 245, .7);
box-shadow: 0 0 0 3px rgba(63, 189, 245, .16);
}
/* Der Kalender-Knopf im Datumsfeld ist sonst fast schwarz auf dunkel. */
.neu input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(.75); cursor: pointer; }
/* Aufhellen ist nicht mehr noetig: color-scheme: dark (gate.css) laesst den
Browser das Kalendersymbol schon hell zeichnen. Ein invert() wuerde es hier
wieder verdunkeln. */
.neu input[type="date"]::-webkit-calendar-picker-indicator { cursor: pointer; }
/* ---------- Brett ----------------------------------------------------- */