diff --git a/assets/css/app.css b/assets/css/app.css index c5225334f..c1d2508f4 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -265,10 +265,8 @@ small { opacity: 1; } -@media (--dark-mode) { - .btn-close { - filter: invert(1); - } +.dark .btn-close { + filter: invert(1); } .dropdown-menu { @@ -285,8 +283,11 @@ small { color: var(--bs-white); } -@media (--dark-mode) { - .dropdown-menu { - box-shadow: 0 0 8px var(--evcc-background); - } +.dark .dropdown-menu { + box-shadow: 0 0 8px var(--evcc-background); +} +.dark .form-select { + background-color: var(--evcc-box); + color: var(--evcc-default-text); + background-image: url("data:image/svg+xml,"); } diff --git a/assets/js/components/Loadpoint.vue b/assets/js/components/Loadpoint.vue index e88505ebb..768cfd350 100644 --- a/assets/js/components/Loadpoint.vue +++ b/assets/js/components/Loadpoint.vue @@ -1,16 +1,24 @@