diff --git a/src/assets/scss/_base.scss b/src/assets/scss/_base.scss index f0127ad..d4c055d 100644 --- a/src/assets/scss/_base.scss +++ b/src/assets/scss/_base.scss @@ -51,19 +51,6 @@ body { color: $color-text-light; } -.theme--purple { - background: linear-gradient( - 0deg, - $color-purple-step1 0.13%, - $color-purple-step2 23.02%, - $color-purple-step3 46.22%, - $color-purple-step4 69.56%, - $color-purple-step5 92.87%, - $color-purple-step6 100% - ); - color: $color-text-light; -} - .main { @include flex-center; padding: 3.125rem 0; diff --git a/src/assets/scss/_colors.scss b/src/assets/scss/_colors.scss index d06f33b..be522d4 100644 --- a/src/assets/scss/_colors.scss +++ b/src/assets/scss/_colors.scss @@ -10,13 +10,6 @@ $color-red-step3: #ff3634; $color-red-step4: #ff223c; $color-red-step5: #ff0c45; -$color-purple-step1: #7e3efd; -$color-purple-step2: #7b3df9; -$color-purple-step3: #7039ed; -$color-purple-step4: #5f32d8; -$color-purple-step5: #4828bc; -$color-purple-step6: #3f25b2; - $color-yellow: #ffbf1f; $color-blood-orange: #e54c23; $color-shadow: rgba($color-black, 0.2); @@ -45,8 +38,7 @@ $color-slot-text: $color-black; // settings $color-settings-mask: rgba($color-black, 0.6); -$color-settings-background-red: darken($color-red-step5, 8%); -$color-settings-background-purple: darken($color-purple-step6, 8%); +$color-settings-background: darken($color-red-step5, 8%); // textarea $color-input-background: $color-light-grey; @@ -55,5 +47,4 @@ $color-input-text: $color-black; // switch $color-switch-handle-disabled: $color-dark-grey; -$color-switch-handle-red: darken($color-red-step5, 8%); -$color-switch-handle-purple: darken($color-purple-step6, 8%); +$color-switch-handle: darken($color-red-step5, 8%); diff --git a/src/assets/scss/_inputs.scss b/src/assets/scss/_inputs.scss index a9ca967..10098f4 100644 --- a/src/assets/scss/_inputs.scss +++ b/src/assets/scss/_inputs.scss @@ -89,7 +89,8 @@ height: $switch-slider-height; border-radius: $switch-slider-height; flex: 0 0 $switch-slider-width; - @include shadow('small') margin: 0 0 0 1rem; + @include shadow('small'); + margin: 0 0 0 1rem; .slider { position: absolute; @@ -133,11 +134,6 @@ .theme--red .input--switch { input:checked + .slider:before { - background-color: $color-switch-handle-red; - } -} -.theme--purple .input--switch { - input:checked + .slider:before { - background-color: $color-switch-handle-purple; + background-color: $color-switch-handle; } } diff --git a/src/assets/scss/_slot.scss b/src/assets/scss/_slot.scss index be08eee..23cc97e 100644 --- a/src/assets/scss/_slot.scss +++ b/src/assets/scss/_slot.scss @@ -187,12 +187,7 @@ } .theme--red .settings__panel { - background-color: $color-settings-background-red; - color: $color-text-light; -} - -.theme--purple .settings__panel { - background-color: $color-settings-background-purple; + background-color: $color-settings-background; color: $color-text-light; }