range sliders also respect theme colors

603cbb5fb320ed3f8d7925ec9ef7e55999b8d922

RossAscends <124905043+RossAscends@users.noreply.github.com>

Parents: dd03724eb4bcebcbf1a8ddea12ae93b1322bc23e
1 files changed, +5 -2Ignore whitespace
public/style.css+5 -2
@@ -4181,12 +4181,13 @@ input[type='checkbox'].del_checkbox {
41814181 padding: 0 !important;
41824182 width: 100% !important;
41834183 height: 5px !important;
41844184 background: var(--white50aSmartThemeBodyColor) !important;
41854185 border-radius: 7px 7px 0 0 !important;
41864186 background-size: 70% 100% !important;
41874187 background-repeat: no-repeat !important;
41884188 box-shadow: inset 0 0 2px var(--black50a) !important;
41894189 cursor: ew-resize !important;
4190+ filter: brightness(0.75)
41904191}
41914192
41924193/*
@@ -4219,12 +4220,14 @@ input[type="range"] {
42194220 padding: 0;
42204221 width: 100%;
42214222 height: 5px;
42224223 background: var(--white50aSmartThemeBodyColor);
42234224 border-radius: 15px;
42244225 background-size: 70% 100%;
42254226 background-repeat: no-repeat;
42264227 box-shadow: inset 0 0 2px black;
42274228 cursor: ew-resize;
4229+ transition: all var(--animation-duration-2x) ease-in-out;
4230+ filter: brightness(0.75);
42284231}
42294232
42304233input[type="range"]::-webkit-slider-thumb {