frontend: change slider background color

This commit is contained in:
Qing 2022-07-22 21:54:18 +08:00
parent f22d0ec9a4
commit 4f6fbc57b7
3 changed files with 6 additions and 4 deletions

View File

@ -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 {

View File

@ -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);

View File

@ -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%);