kamp/IOPaint
1
0
Fork 0
Code Issues Pull Requests Releases 1 Activity

frontend: change slider background color

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
lama_cleaner/app/src/styles/Mixins/_Mixins.scss
View File

@ -39,12 +39,12 @@
input[type='range']::-webkit-slider-runnable-track { input[type='range']::-webkit-slider-runnable-track {
border-radius: 2rem; border-radius: 2rem;
height: 0.2rem; height: 0.2rem;
background: var(--btn-primary-bg); background: var(--slider-background-color);
} }
input[type='range']::-moz-range-track { input[type='range']::-moz-range-track {
border-radius: 2rem; border-radius: 2rem;
background: var(--btn-primary-bg); background: var(--slider-background-color);
} }
input[type='range']::-moz-range-progress { input[type='range']::-moz-range-progress {

3
lama_cleaner/app/src/styles/_Colors.scss
View File

@ -33,7 +33,6 @@
--text-color-gray: rgb(107, 111, 118); --text-color-gray: rgb(107, 111, 118);
// Shared // Shared
--btn-primary-bg: rgb(210, 210, 220);
--btn-text-color: var(--text-color); --btn-text-color: var(--text-color);
--btn-text-hover-color: #040404; --btn-text-hover-color: #040404;
--btn-border-color: rgb(100, 100, 120); --btn-border-color: rgb(100, 100, 120);
@ -45,6 +44,8 @@
--switch-thumb-color: var(--page-bg); --switch-thumb-color: var(--page-bg);
--switch-thumb-checked-color: var(--page-bg); --switch-thumb-checked-color: var(--page-bg);
--slider-background-color: var(--switch-root-background-color);
// tooltip // tooltip
--tooltip-bg: var(--page-bg); --tooltip-bg: var(--page-bg);

3
lama_cleaner/app/src/styles/_ColorsDark.scss
View File

@ -31,7 +31,6 @@
--text-color-gray: rgb(138, 143, 152); --text-color-gray: rgb(138, 143, 152);
// Shared // Shared
--btn-primary-bg: rgb(140, 140, 180);
--btn-text-color: var(--text-color); --btn-text-color: var(--text-color);
--btn-text-hover-color: var(--page-bg); --btn-text-hover-color: var(--page-bg);
--btn-border-color: var(--yellow-accent); --btn-border-color: var(--yellow-accent);
@ -43,6 +42,8 @@
--switch-thumb-color: rgb(31, 32, 35); --switch-thumb-color: rgb(31, 32, 35);
--switch-thumb-checked-color: white; --switch-thumb-checked-color: white;
--slider-background-color: var(--switch-root-background-color);
// tooltip // tooltip
--tooltip-bg: hsl(197 6.8% 13.6%); --tooltip-bg: hsl(197 6.8% 13.6%);