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:
@@ -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 ----------------------------------------------------- */
|
||||
|
||||
|
||||
Reference in New Issue
Block a user