prometheus/web/ui/react-app/src/themes/light.scss
Jorge Luis Betancourt 595d134354
web ui: Tweak colors in the dark theme to improve contrast ratio (#11068)
* Tweak colors in the dark theme to improve contrast

Some colors from the dark theme used in the query editor have a very low
contrast ratio with the background.

Signed-off-by: Jorge Luis Betancourt Gonzalez <jorge-luis.betancourt@trivago.com>

* Avoid duplicated function call when in dark mode

Co-authored-by: Julius Volz <julius.volz@gmail.com>
Signed-off-by: Jorge Luis Betancourt Gonzalez <jorge-luis.betancourt@trivago.com>

* Apply styles for the matching bracket when focused in dark mode

Signed-off-by: Jorge Luis Betancourt Gonzalez <jorge-luis.betancourt@trivago.com>

* Improve style of the matching brackets when focused

Signed-off-by: Jorge Luis Betancourt Gonzalez <jorge-luis.betancourt@trivago.com>

Co-authored-by: Julius Volz <julius.volz@gmail.com>
2022-08-01 15:28:09 +02:00

24 lines
399 B
SCSS

@import 'bootstrap_light';
@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
$alert-cell-color: inherit;
$rule-cell-bg: #f5f5f5;
$config-yaml-color: #333;
$config-yaml-bg: #f5f5f5;
$config-yaml-border: #ccc;
$query-stats-color: #71808e;
$metrics-explorer-bg: #efefef;
$clear-time-btn-bg: $white;
$checked-checkbox-color: #286090;
.bootstrap {
@import './shared';
}