diff --git a/templates/Froxlor/assets/scss/components/_form.scss b/templates/Froxlor/assets/scss/components/_form.scss index 890cd974..bcaa6c60 100644 --- a/templates/Froxlor/assets/scss/components/_form.scss +++ b/templates/Froxlor/assets/scss/components/_form.scss @@ -3,7 +3,7 @@ } .form-control[readonly] { - background: $body-tertiary-bg; + background-color: $body-tertiary-bg; } @include color-mode(dark) { @@ -12,7 +12,7 @@ } .form-control, .form-select { - background: $dark-bg; + background-color: $dark-bg; } .form-switch { @@ -22,7 +22,7 @@ } .form-control[readonly] { - background: $body-tertiary-bg-dark; + background-color: $body-tertiary-bg-dark; } } diff --git a/templates/Froxlor/assets/scss/components/_generic.scss b/templates/Froxlor/assets/scss/components/_generic.scss index 8d2f7922..e229c630 100644 --- a/templates/Froxlor/assets/scss/components/_generic.scss +++ b/templates/Froxlor/assets/scss/components/_generic.scss @@ -88,7 +88,7 @@ td.text-end { } @include color-mode(dark) { - .table>:not(caption)>*>* { + .table>thead>*>* { background-color: transparent; } } diff --git a/templates/Froxlor/assets/scss/components/_search.scss b/templates/Froxlor/assets/scss/components/_search.scss index 520891d0..9a33495f 100644 --- a/templates/Froxlor/assets/scss/components/_search.scss +++ b/templates/Froxlor/assets/scss/components/_search.scss @@ -32,3 +32,15 @@ } } } + +@include color-mode(dark) { + #search { + .search-input { + color: $body-color-dark; + } + .search-results-box { + background: $dark-bg; + border: $border-color-dark solid 1px; + } + } +} diff --git a/templates/Froxlor/settings/configuration.html.twig b/templates/Froxlor/settings/configuration.html.twig index 34e55a97..e258c473 100644 --- a/templates/Froxlor/settings/configuration.html.twig +++ b/templates/Froxlor/settings/configuration.html.twig @@ -112,8 +112,8 @@ {{ lng('admin.configfiles.recommendednote') }}
- - +