Athemis/ds4
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

fix: select option visibility in dark mode with proper background colors

Browse source
This commit is contained in:
Alexander Minges 2025-07-30 18:37:42 +02:00
parent bdfba8cacc
commit d7b8834481
Signed by: Athemis
GPG key ID: 31FBDEF92DDB162B
1 changed files with 27 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

27
scss/components/shared/_form_group.scss
View file

@ -89,6 +89,33 @@
background-size: 8px; background-size: 8px;
padding-right: 24px; padding-right: 24px;
width: auto !important; width: auto !important;
}
}
// Dark mode: try to achieve dark background for select options
.theme-dark .ds4-item-sheet .form-fields select {
color-scheme: dark;
option {
background-color: var(--color-cool-4) !important;
background: var(--color-cool-4) !important;
color: var(--color-light-2) !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
option:checked {
background-color: var(--color-cool-3) !important;
background: var(--color-cool-3) !important;
color: var(--color-light-1) !important;
}
option:hover {
background-color: var(--color-cool-3) !important;
background: var(--color-cool-3) !important;
} }
} }