From 8717687db9ddcae758f88224295bbe732d8ff724 Mon Sep 17 00:00:00 2001
From: OhItsTom <22730962+ohitstom@users.noreply.github.com>
Date: Tue, 6 Feb 2024 21:25:52 +0000
Subject: [PATCH] refactor: format codespace

---
 catppuccin/src/_main.scss          |  4 ++--
 catppuccin/src/_navbar.scss        | 15 +++++++++------
 catppuccin/src/_now_playing.scss   |  8 ++++----
 catppuccin/src/_right_sidebar.scss |  6 +++---
 catppuccin/theme.js                | 20 ++++++++++----------
 5 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/catppuccin/src/_main.scss b/catppuccin/src/_main.scss
index 2788eb7..0bae6d3 100644
--- a/catppuccin/src/_main.scss
+++ b/catppuccin/src/_main.scss
@@ -8,7 +8,7 @@
   .main-gridContainer-gridContainer > div > div > div {
     border-radius: 6px;
   }
-  
+
   .main-entityHeader-backgroundColor,
   .main-actionBarBackground-background,
   .main-view-container
@@ -54,7 +54,7 @@
     border: 1px solid var(--spice-overlay1);
 
     &:hover {
-      border-color: var(--essential-base,#000000);
+      border-color: var(--essential-base, #000000);
     }
   }
 }
diff --git a/catppuccin/src/_navbar.scss b/catppuccin/src/_navbar.scss
index e2b8fc8..6f2aab3 100644
--- a/catppuccin/src/_navbar.scss
+++ b/catppuccin/src/_navbar.scss
@@ -3,19 +3,22 @@
     div:nth-child(2) {
       > li {
         border-radius: 6px !important;
-  
+
         > div {
           &:active::after {
-            background-color: var(--background-tinted-base,rgba(0,0,0,0.08));
+            background-color: var(
+              --background-tinted-base,
+              rgba(0, 0, 0, 0.08)
+            );
           }
-  
+
           .x-entityImage-imageContainer {
             box-shadow: none !important;
           }
 
           p {
             color: var(--spice-subtext) !important;
-  
+
             &.TypeElement-ballad-textBrightAccent-type {
               color: var(--spice-text) !important;
             }
@@ -36,12 +39,12 @@
     border-radius: 4px;
   }
 
-  // Your collection, marketplace and lyrics app buttons 
+  // Your collection, marketplace and lyrics app buttons
   .main-navBar-navBarLink {
     color: var(--spice-text);
   }
 
-  // Your collection svg 
+  // Your collection svg
   .Svg-img-24-icon.collection-icon {
     color: var(--spice-text);
   }
diff --git a/catppuccin/src/_now_playing.scss b/catppuccin/src/_now_playing.scss
index f83f6be..dc08c39 100644
--- a/catppuccin/src/_now_playing.scss
+++ b/catppuccin/src/_now_playing.scss
@@ -1,5 +1,5 @@
 :root .Root__now-playing-bar {
-  // Buttons 
+  // Buttons
 
   .main-shuffleButton-button:focus:not(:focus-visible, :hover) {
     color: var(--spice-spice-surface1);
@@ -24,7 +24,7 @@
     background-color: var(--spice-sidebar);
   }
 
-  // Generic control buttons 
+  // Generic control buttons
   .Button-sm-16-buttonTertiary-iconOnly-isUsingKeyboard-useBrowserDefaultFocusStyle,
   .control-button,
   .main-view-container button:hover > div[class^="ButtonInner-sc-"],
@@ -32,7 +32,7 @@
   .main-skipBackButton-button {
     color: var(--spice-subtext) !important;
     &:hover {
-      color: var(--spice-text) !important
+      color: var(--spice-text) !important;
     }
   }
 
@@ -48,7 +48,7 @@
     transform: scale(1.06);
   }
 
-  // Progress bar 
+  // Progress bar
   .x-progressBar-progressBarBg > div > div {
     background-color: var(--spice-text);
   }
diff --git a/catppuccin/src/_right_sidebar.scss b/catppuccin/src/_right_sidebar.scss
index 7fff00d..928653e 100644
--- a/catppuccin/src/_right_sidebar.scss
+++ b/catppuccin/src/_right_sidebar.scss
@@ -1,11 +1,11 @@
 :root .Root__right-sidebar {
-  // New artist side bar 
+  // New artist side bar
 
   .Button-textSubdued-sm-16-buttonTertiary-condensed-useBrowserDefaultFocusStyle {
     color: var(--spice-text) !important;
   }
 
-  // The artist venue/date and next in queue name of artist 
+  // The artist venue/date and next in queue name of artist
   .artist-artistOnTour-timeAndVenue.artist-artistOnTour-condensed {
     color: var(--spice-text);
   }
@@ -14,7 +14,7 @@
     color: var(--spice-text);
   }
 
-  //Buddy Feed theming 
+  //Buddy Feed theming
   .main-buddyFeed-activityMetadata .main-buddyFeed-username a,
   .main-buddyFeed-activityMetadata .main-buddyFeed-usernameAndTimestamp {
     color: rgba(var(--text), 0.2);
diff --git a/catppuccin/theme.js b/catppuccin/theme.js
index edf82f3..4c50d03 100644
--- a/catppuccin/theme.js
+++ b/catppuccin/theme.js
@@ -44,7 +44,7 @@
         "--spice-text": `var(--spice-${selectedValue})`,
         "--spice-button-active": `var(--spice-${selectedValue})`,
         "--spice-equalizer": document.querySelector(
-          "body > script.marketplaceScript",
+          "body > script.marketplaceScript"
         )
           ? `url('https://github.com/catppuccin/spicetify/blob/main/catppuccin/assets/${colorScheme}/equalizer-animated-${accent}.gif?raw=true')`
           : `url('${colorScheme}/equalizer-animated-${accent}.gif')`,
@@ -74,7 +74,7 @@
             className:
               "TextElement-bodyMediumBold-textBase-text encore-text-body-medium-bold",
           },
-          "Catppuccin",
+          "Catppuccin"
         ),
         Spicetify.React.createElement("div", { className: "x-settings-row" }, [
           Spicetify.React.createElement(
@@ -89,9 +89,9 @@
                     "TextElement-bodySmall-textSubdued-text encore-text-body-small",
                   "data-encore-id": "type",
                 },
-                "Choose an accent color",
+                "Choose an accent color"
               ),
-            ],
+            ]
           ),
           Spicetify.React.createElement(
             "div",
@@ -117,15 +117,15 @@
                         value: option,
                         selected: option === selectedValue,
                       },
-                      option,
+                      option
                     );
-                  }),
+                  })
                 ),
               ]),
-            ],
+            ]
           ),
         ]),
-      ],
+      ]
     );
   });
 
@@ -142,7 +142,7 @@
         const sectionContainer = document.createElement("div");
         Spicetify.ReactDOM.render(
           Spicetify.React.createElement(Section),
-          sectionContainer,
+          sectionContainer
         );
         header.parentNode.insertBefore(sectionContainer, header.nextSibling);
       }
@@ -152,7 +152,7 @@
   // Hotload useEffect
   Spicetify.ReactDOM.render(
     Spicetify.React.createElement(Section),
-    document.createElement("div"),
+    document.createElement("div")
   );
 
   // Initialize + Listener