frontend: change slider background color
This commit is contained in:
parent
f22d0ec9a4
commit
4f6fbc57b7
@ -39,12 +39,12 @@
|
||||
input[type='range']::-webkit-slider-runnable-track {
|
||||
border-radius: 2rem;
|
||||
height: 0.2rem;
|
||||
background: var(--btn-primary-bg);
|
||||
background: var(--slider-background-color);
|
||||
}
|
||||
|
||||
input[type='range']::-moz-range-track {
|
||||
border-radius: 2rem;
|
||||
background: var(--btn-primary-bg);
|
||||
background: var(--slider-background-color);
|
||||
}
|
||||
|
||||
input[type='range']::-moz-range-progress {
|
||||
|
@ -33,7 +33,6 @@
|
||||
--text-color-gray: rgb(107, 111, 118);
|
||||
|
||||
// Shared
|
||||
--btn-primary-bg: rgb(210, 210, 220);
|
||||
--btn-text-color: var(--text-color);
|
||||
--btn-text-hover-color: #040404;
|
||||
--btn-border-color: rgb(100, 100, 120);
|
||||
@ -45,6 +44,8 @@
|
||||
--switch-thumb-color: var(--page-bg);
|
||||
--switch-thumb-checked-color: var(--page-bg);
|
||||
|
||||
--slider-background-color: var(--switch-root-background-color);
|
||||
|
||||
// tooltip
|
||||
--tooltip-bg: var(--page-bg);
|
||||
|
||||
|
@ -31,7 +31,6 @@
|
||||
--text-color-gray: rgb(138, 143, 152);
|
||||
|
||||
// Shared
|
||||
--btn-primary-bg: rgb(140, 140, 180);
|
||||
--btn-text-color: var(--text-color);
|
||||
--btn-text-hover-color: var(--page-bg);
|
||||
--btn-border-color: var(--yellow-accent);
|
||||
@ -43,6 +42,8 @@
|
||||
--switch-thumb-color: rgb(31, 32, 35);
|
||||
--switch-thumb-checked-color: white;
|
||||
|
||||
--slider-background-color: var(--switch-root-background-color);
|
||||
|
||||
// tooltip
|
||||
--tooltip-bg: hsl(197 6.8% 13.6%);
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user