Project

General

Profile

Actions

Bug #11730

open

Improve visibility of option selections in dark themes

Added by Marcos Mendoza 7 months ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
Web Interface
Target version:
-
Start date:
03/25/2021
Due date:
% Done:

0%

Estimated time:
Plus Target Version:
Release Notes:
Default
Affected Version:
2.5.0
Affected Architecture:

Description

The following applies to Chromium browsers, but not Firefox, when the browser/OS theme is set to dark.

Selected items in option boxes are gray and blend in with lighter gray option box backgrounds. See attached `option-background-current.png`.

The highlighted color seems to be inherited from the browser's user agent stylesheet. See attached `option-background-css.png`.

I could not find a way to override the gray highlight that the browser applies. However, the background of the option box can be overwritten with `.form-control { background-color: #fff !important; }` which is already set by the `bootstrap.min.css` but not applied. See `option-background-white.png`.


Files

option-background-current.PNG (22.5 KB) option-background-current.PNG Marcos Mendoza, 03/25/2021 08:40 PM
option-background-css.PNG (16.3 KB) option-background-css.PNG Marcos Mendoza, 03/25/2021 08:41 PM
option-background-white.PNG (22.5 KB) option-background-white.PNG Marcos Mendoza, 03/25/2021 08:41 PM

No data to display

Actions

Also available in: Atom PDF