Project

General

Profile

Actions

Bug #10499

closed

Dark theme Auto-complete popup field has dark text on dark background

Added by Marc 05 almost 4 years ago. Updated almost 4 years ago.

Status:
Resolved
Priority:
Normal
Category:
Web Interface
Target version:
Start date:
04/25/2020
Due date:
% Done:

100%

Estimated time:
Plus Target Version:
Release Notes:
Affected Version:
All
Affected Architecture:

Description

Using pfSense-dark.css, the auto-complete pop-up currently does not specify a background image. This leads to theme.css applying a dark background image. Given the font color is also a dark color, this makes the text hard to read.

This can be fixed by setting background-image to none for ".ui-autocomplete". E.g.:
/** Styling for jQuery autocomplete widget */
.ui-autocomplete {
color: #212121;
background-color: #e0e0e0;
background-image: none;
}

See attached for example screenshots.


Files

bug.png (133 KB) bug.png Marc 05, 04/25/2020 11:57 AM
fix.png (163 KB) fix.png Marc 05, 04/25/2020 11:57 AM
Actions

Also available in: Atom PDF