fix(style): improve indicators

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
 

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 {