From 9898c485de73e3ef22acbf236aa9ca0c2860f72c Mon Sep 17 00:00:00 2001
From: OhItsTom <22730962+ohitstom@users.noreply.github.com>
Date: Mon, 28 Aug 2023 20:01:23 +0100
Subject: [PATCH] fix(style): improve indicators

---
 README.md           |  2 +-
 catppuccin/app.scss | 21 ++++++++++++++-------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 697f79c..ae00eb2 100644
--- a/README.md
+++ b/README.md
@@ -57,10 +57,10 @@
    spicetify config current_theme catppuccin
    spicetify config color_scheme frappe
    spicetify config inject_css 1 inject_theme_js 1 replace_colors 1 overwrite_assets 1
+   spicetify apply
    ```
 5. To set an accent color, head over to Spotify's settings page and there will be a dropdown at the top.
 <img src="assets/accents.webp"/>
-6. If you want to update the theme without opening it up run `spicetify update`. If you want to update the theme and open/restart Spotify at the same time run `spicetify apply`
 
 ## 📜 License
 
diff --git a/catppuccin/app.scss b/catppuccin/app.scss
index 0cf144f..043f8eb 100644
--- a/catppuccin/app.scss
+++ b/catppuccin/app.scss
@@ -25,16 +25,23 @@
     color: var(--spice-text);
     background-color: var(--spice-surface0);
     &:disabled {
-      color: var(--spice-button-disabled)
+      color: var(--spice-button-disabled);
     }
   }
 
-  input:checked ~ .x-toggle-indicatorWrapper {
-    background-color: var(--spice-overlay1);
+  .x-toggle-indicatorWrapper {
+    background-color: var(--spice-surface0);
+    .x-toggle-indicator {
+      background-color: var(--spice-text);
+    }
+  }
+  input:checked ~ .x-toggle-indicatorWrapper,
+  input:hover:not([disabled], :active) ~ .x-toggle-indicatorWrapper {
+    background-color: var(--spice-surface1);
   }
 
-  input:hover:not([disabled]):not(:active) ~ .x-toggle-indicatorWrapper {
-    background-color: var(--spice-button-active);
+  input:checked:hover:not([disabled], :active) ~ .x-toggle-indicatorWrapper {
+    background-color: var(--spice-overlay0);
   }
 
   select option:checked {
@@ -52,7 +59,7 @@
     background-image: var(--spice-equalizer);
   }
 
-  // Scrollbars 
+  // Scrollbars
   .os-scrollbar-track,
   ::-webkit-scrollbar {
     width: 0.5em;
@@ -63,7 +70,7 @@
     border-radius: 6px;
   }
 
-  // Modals 
+  // Modals
   .GenericModal {
     .main-duplicateTrackModal-container {
       div {