Kalenderereignisse im Dark Mode nicht lesbar, wenn die Kategorie eine dunkle Farbe hat

UX
1

Sehr geehrtes Kalenderteam,

ich bin es wieder :see_no_evil_monkey: :hatching_chick: Ich möchte ein Verhalten melden, das unsere Dark-Mode-Benutzer gemeldet haben. Wir verwenden einen Kategoriekalender und haben 2 Unterkategorien mit einer Reihe von Ereignissen. Nun sind die Farben der Unterkategorie #470194 (dunkles Lila) und #231F20 (fast schwarz) und sie definieren die Hintergrundfarbe der Ereignisse im Kalender.

Das Problem ist, dass im Dark Mode (Dracula, Solarized Dark und WCAG Dark) die Schriftfarbe schwarz wird, was auf unseren Kategoriefarben schwer zu lesen ist.

Eine Nahaufnahme eines Kalenders zeigt ein Ereignis mit einer unleserlichen dunklen Schriftfarbe auf dunklem Hintergrund
Eine Nahaufnahme eines Kalenders zeigt ein Ereignis mit einer unleserlichen dunklen Schriftfarbe auf dunklem Hintergrund859×693 13.4 KB

WCAG Eine Nahaufnahme eines Kalenders zeigt ein Ereignis mit einer unleserlichen dunklen Schriftfarbe auf dunklem Hintergrund
WCAG Eine Nahaufnahme eines Kalenders zeigt ein Ereignis mit einer unleserlichen dunklen Schriftfarbe auf dunklem Hintergrund321×195 7.44 KB

Solarized Eine Nahaufnahme eines Kalenders zeigt ein Ereignis mit einer unleserlichen dunklen Schriftfarbe auf dunklem Hintergrund
Solarized Eine Nahaufnahme eines Kalenders zeigt ein Ereignis mit einer unleserlichen dunklen Schriftfarbe auf dunklem Hintergrund313×197 7.6 KB

Dracula Eine Nahaufnahme eines Kalenders zeigt ein Ereignis mit einer unleserlichen dunklen Schriftfarbe auf dunklem Hintergrund
Dracula Eine Nahaufnahme eines Kalenders zeigt ein Ereignis mit einer unleserlichen dunklen Schriftfarbe auf dunklem Hintergrund318×206 7.38 KB

Meine temporäre Lösung

Ich habe eine temporäre Lösung für dieses Problem erstellt:

#category-events-calendar .fc-event-container .fc-day-grid-event {
    color: #{dark-light-choose(white, white)};
}

Dennoch habe ich mich gefragt, ob dies etwas ist, das auch von Ihrer Seite behoben werden könnte? Ich verstehe, dass es in diesem speziellen Fall nicht trivial ist, da die Farbe der Kategorie auch hell sein könnte (z. B. gelb) und dann eine schwarze Schriftfarbe geeignet wäre.

Ich vermute, dass eine “intelligente Farbanpassung” benötigt wird. Zum Beispiel, je nach Farbe der Kategorie ist die Schriftfarbe entweder schwarz oder weiß.

Ich würde mich freuen, wenn Sie mir mitteilen könnten, ob dies etwas ist, das Sie in Betracht ziehen würden, oder ob ich bei meiner temporären Lösung bleiben soll. :front_facing_baby_chick:

2 „Gefällt mir“
2

Hallo!

Ich denke, es wäre am sichersten, wenn Sie bei Ihrer Lösung bleiben.

Wie Sie sagten, ist es keine triviale Sache zu beheben und Ihnen könnte unser Ergebnis nicht gefallen.

1 „Gefällt mir“