diff --git a/lama_cleaner/app/src/styles/Mixins/_Mixins.scss b/lama_cleaner/app/src/styles/Mixins/_Mixins.scss index be840ba..d365555 100644 --- a/lama_cleaner/app/src/styles/Mixins/_Mixins.scss +++ b/lama_cleaner/app/src/styles/Mixins/_Mixins.scss @@ -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 { diff --git a/lama_cleaner/app/src/styles/_Colors.scss b/lama_cleaner/app/src/styles/_Colors.scss index 48ca967..0c2d493 100644 --- a/lama_cleaner/app/src/styles/_Colors.scss +++ b/lama_cleaner/app/src/styles/_Colors.scss @@ -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); diff --git a/lama_cleaner/app/src/styles/_ColorsDark.scss b/lama_cleaner/app/src/styles/_ColorsDark.scss index e2671b1..7bd9ecb 100644 --- a/lama_cleaner/app/src/styles/_ColorsDark.scss +++ b/lama_cleaner/app/src/styles/_ColorsDark.scss @@ -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%);