chore(SharkBlue): format code better, update screenshots (#1110)

SharkBlue/user.css

@@ -1,6 +1,5 @@
 /* Round Now Playing Bar */
-
+:root {
-:root{
   --border-radius-1: 8px;
   /* Play Bar */
   --margin-bottom-now-playing-bar: 0.5rem;
@@ -8,9 +7,25 @@
   --padding-now-playing-bar: 0.25rem;
   --border-radius-now-playing-bar: 0.5rem;
 }
-.Root__now-playing-bar, .Root__now-playing-bar footer { 
+.Root__now-playing-bar,
+.Root__now-playing-bar footer {
   border-radius: var(--border-radius-1) !important;
 }
+#main::after {
+  content: ""; /* Empty content */
+  position: fixed; /* Fix element to viewport */
+  top: 0;
+  right: 0;
+  z-index: 999; /* Position above all other content */
+  -webkit-backdrop-filter: brightness(
+    2.12
+  ); /* Apply brightness filter to background */
+  backdrop-filter: brightness(2.12); /* Cross-browser brightness filter */
+  /* Page zoom control */
+  /* Adjust width and height based on zoom level */
+  width: 135px;
+  height: 40px;
+}
 
 /* Page titles */
 h1 {
@@ -184,18 +199,29 @@ h1 {
 
 /* Make Scrollbar look better */
 
-.os-theme-spotify.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { 
+.os-theme-spotify.os-host-transition
-	border-radius: 8px; width: 4px; background-color: var(--spice-button-disabled); 
+  > .os-scrollbar-vertical
+  > .os-scrollbar-track
+  > .os-scrollbar-handle {
+  border-radius: 8px;
+  width: 4px;
+  background-color: var(--spice-button-disabled);
 }
-.os-theme-spotify.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track { 
+.os-theme-spotify.os-host-transition
+  > .os-scrollbar-vertical
+  > .os-scrollbar-track {
   width: 4px;
 }
 
 /* Making index column wider so that lighter background that 
 highlights selected song contains multi-digit song numbers */
 /* It looks good up to 4 digits, I figured that no one has playlists with more music than that ;) */
-.main-trackList-trackList.main-trackList-indexable .main-trackList-trackListRowGrid {
+.main-trackList-trackList.main-trackList-indexable
-	grid-template-columns: [index] 48px [first] 6fr [var1] 4fr [var2] 3fr [last] minmax(120px, 1fr) !important;
+  .main-trackList-trackListRowGrid {
+  grid-template-columns: [index] 48px [first] 6fr [var1] 4fr [var2] 3fr [last] minmax(
+      120px,
+      1fr
+    ) !important;
 }
 
 /* Text boxes in settings */
@@ -242,16 +268,22 @@ highlights selected song contains multi-digit song numbers */
 .main-navBar-navBar > :nth-child(3) {
   margin: 0 0 0 1px;
   border-radius: 6px;
-	}
+}
 
-	/* Collapsed Cover Art Image */
+/* Collapsed Cover Art Image */
-	.cover-art-image,
+.cover-art-image,
-	.artist-artistOverview-sideBlock > div > section > div:nth-child(3) > section:nth-child(2) > div > img,
+.artist-artistOverview-sideBlock
-	.view-homeShortcutsGrid-image {
+  > div
+  > section
+  > div:nth-child(3)
+  > section:nth-child(2)
+  > div
+  > img,
+.view-homeShortcutsGrid-image {
   border-radius: 4px;
-	}
+}
 
-	/*
+/*
 	Playlist Header
 	Search Category Card Image
 	List Cards
@@ -259,28 +291,27 @@ highlights selected song contains multi-digit song numbers */
 	Placeholder Profile Card
 	Artist Overview Side Block
 	*/
-	.main-entityHeader-shadow,
+.main-entityHeader-shadow,
-	.x-categoryCard-image,
+.x-categoryCard-image,
-	.x-entityImage-circle, 
+.x-entityImage-circle,
-	.main-cardImage-image,
+.main-cardImage-image,
-	.main-cardImage-imageWrapper,
+.main-cardImage-imageWrapper,
-	.main-entityHeader-imagePlaceholder > div,
+.main-entityHeader-imagePlaceholder > div,
-	.artist-artistOverview-sideBlock > div > section {
+.artist-artistOverview-sideBlock > div > section {
   border-radius: 6px;
-	}
+}
 
-	/* Circled Artist + Profile Cards (force) */
+/* Circled Artist + Profile Cards (force) */
-	.main-cardImage-circular,
+.main-cardImage-circular,
-	.main-entityHeader-imagePlaceholder,
+.main-entityHeader-imagePlaceholder,
-	.main-entityHeader-circle {
+.main-entityHeader-circle {
   border-radius: 50% !important;
-	}
+}
 
-	/* Track List Image */
+/* Track List Image */
-	.main-trackList-rowImage {
+.main-trackList-rowImage {
   border-radius: 3px;
-	}
+}
-
 
 /* Home gradient */
 .main-home-homeHeader {
@@ -296,12 +327,10 @@ highlights selected song contains multi-digit song numbers */
   width: 70%;
 }
 
-
 .volume-bar {
   flex: 0 150px;
 }
 
-
 .ellipsis-one-line.main-type-mesto {
   font-size: 14px;
 }