select2.container use correct var's

use color and background-color for select and hover
for container in toolbar and sidebar

Signed-off-by: andreas kainz <kainz.a@gmail.com>
Change-Id: I7f26bf17b29e347779e731ad3282b0f17b2dac7c
This commit is contained in:
andreas kainz 2022-02-06 00:26:40 +01:00 committed by pedropintosilva
parent b703a9f52b
commit 1217317f7f

View file

@ -442,15 +442,18 @@ button.leaflet-control-search-next
}
.select2-container--default .select2-selection--single,
.sidebar.jsdialog.ui-listbox {
background-color: var(--gray-lighter-bg-color);
color: var(--color-main-text);
background-color: var(--color-background-dark);
color: var(--color-text-dark);
border-radius: var(--border-radius);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 24px;
background-color: var(--color-background-dark);
color: var(--color-main-text);
}
.select2-container--default .select2-selection--single .select2-selection__rendered:hover {
color: var(--color-text-accent);
background-color: var(--color-background-darker);
color: var(--color-text-darker);
}
.styles-select {
width: 150px !important;