range sliders also respect theme colors
| @@ -4181,12 +4181,13 @@ input[type='checkbox'].del_checkbox { | |||
| 4181 | padding: 0 !important; | 4181 | padding: 0 !important; |
| 4182 | width: 100% !important; | 4182 | width: 100% !important; |
| 4183 | height: 5px !important; | 4183 | height: 5px !important; |
| 4184 | background: var(--white50a) !important; | 4184 | background: var(--SmartThemeBodyColor) !important; |
| 4185 | border-radius: 7px 7px 0 0 !important; | 4185 | border-radius: 7px 7px 0 0 !important; |
| 4186 | background-size: 70% 100% !important; | 4186 | background-size: 70% 100% !important; |
| 4187 | background-repeat: no-repeat !important; | 4187 | background-repeat: no-repeat !important; |
| 4188 | box-shadow: inset 0 0 2px var(--black50a) !important; | 4188 | box-shadow: inset 0 0 2px var(--black50a) !important; |
| 4189 | cursor: ew-resize !important; | 4189 | cursor: ew-resize !important; |
| 4190 | filter: brightness(0.75) | ||
| 4190 | } | 4191 | } |
| 4191 | 4192 | ||
| 4192 | /* | 4193 | /* |
| @@ -4219,12 +4220,14 @@ input[type="range"] { | |||
| 4219 | padding: 0; | 4220 | padding: 0; |
| 4220 | width: 100%; | 4221 | width: 100%; |
| 4221 | height: 5px; | 4222 | height: 5px; |
| 4222 | background: var(--white50a); | 4223 | background: var(--SmartThemeBodyColor); |
| 4223 | border-radius: 15px; | 4224 | border-radius: 15px; |
| 4224 | background-size: 70% 100%; | 4225 | background-size: 70% 100%; |
| 4225 | background-repeat: no-repeat; | 4226 | background-repeat: no-repeat; |
| 4226 | box-shadow: inset 0 0 2px black; | 4227 | box-shadow: inset 0 0 2px black; |
| 4227 | cursor: ew-resize; | 4228 | cursor: ew-resize; |
| 4229 | transition: all var(--animation-duration-2x) ease-in-out; | ||
| 4230 | filter: brightness(0.75); | ||
| 4228 | } | 4231 | } |
| 4229 | 4232 | ||
| 4230 | input[type="range"]::-webkit-slider-thumb { | 4233 | input[type="range"]::-webkit-slider-thumb { |