Add new color schemes

Dreary/README.md

@@ -1,4 +1,4 @@
-# Drery
+# Dreary
 
 ## Screenshots
 
@@ -17,6 +17,13 @@
 ### Golden
 ![Golden Screenshot](golden.png)
 
+### Graytone-Blue
+![Graytone-Blue Screenshot](graytone-blue.png)
+
+### Graytone-Red
+![Graytone-Red Screenshot](graytone-red.png)
+
+
 ## Important
 Certain aspects of the theme, such as the borders around playlist names, requires Sidebar Config to be enabled. It is not required but recommended.
 
@@ -30,4 +37,4 @@ A chill theme that keeps things bordered in and organized
 
 BIB color scheme based on original [BIB-Green](https://github.com/morpheusthewhite/spicetify-themes/tree/master/BIB-Green) 
 
-Theme based on Sleek theme: https://github.com/morpheusthewhite/spicetify-themes/tree/v2/Sleek
+Theme based on Sleek theme: https://github.com/morpheusthewhite/spicetify-themes/tree/v2/Sleek

Dreary/color.ini

@@ -34,14 +34,12 @@ shadow             = 406560
 selected-row       = 040614
 sub-button         = 4f9a87
 button             = 0d3a2e
-test               = 175
 button-active      = 106165
 button-disabled    = 0C1C19 
 tab-active         = 0a1527
 notification       = 051024
 notification-error = 051024
 playback-bar       = 4f9a87
-rgb-selected-row   = 64,101,96
 misc               = 406560
 
 [BIB]
@@ -110,8 +108,71 @@ notification-error = b5cbb7
 playback-bar       = B28228
 misc               = B28228
 
+[Kimbie-Dark]
+;Kimbie-Dark Inspired
+text               = a3b95a
+subtext            = C2A383
+button-text        = d3869b
+main               = 423523
+sidebar            = 221a0f
+subbutton-text     = C2A383
+player             = 423523
+card               = 98676a
+selected-row       = 7e5053
+shadow             = d3869b
+sub-button         = F79a32
+button             = 889B4A
+button-active      = 889B4A
+button-disabled    = 535353
+tab-active         = 98676A
+notification       = 423523
+notification-error = DC3958
+playback-bar       = f79a32
+misc               = D3869B
 
+[Graytone-Blue]
+; Gray colors with blue highlights
+text               = 4f9a87
+subtext            = 406560
+button-text        = 4f9a87
+main               = 111115
+sidebar            = 1e2027
+subbutton-text     = 040614
+player             = 1a1b1d
+card               = 0f1118
+selected-row       = 040614
+shadow             = 406560
+sub-button         = 4f9a87
+button             = 0d3a2e
+button-active      = 106165
+button-disabled    = 0C1C19
+tab-active         = 0a1527
+notification       = 051024
+notification-error = 051024
+playback-bar       = 4f9a87
+misc               = 406560
 
+[Graytone-Red]
+; Gray colors with red highlights
+text               = e80000
+subtext            = 982525
+button-text        = de1414
+main               = 111115
+sidebar            = 1e2027
+subbutton-text     = 040614
+player             = 1a1b1d
+card               = 0f1118
+selected-row       = 390b1a
+shadow             = ba2d26
+sub-button         = ff4700
+button             = d64114
+button-active      = d01313
+button-disabled    = 4d160d
+tab-active         = 390b1a
+notification       = 051024
+notification-error = 051024
+playback-bar       = c42626
+misc               = 901313
 ; Description
 
 ; text = main text, playlist names in main field, name of playlist selected in sidebar, headings
@@ -132,4 +193,4 @@ misc               = B28228
 ; notification = notification ('Added to liked songs' etc.)
 ; notification-error = error
 ; playback-bar = seekbar fg, main play/pause button bg
-; misc = miscellaneous
+; misc = miscellaneous

Dreary/user.css

@@ -133,6 +133,7 @@ span.artist-artistVerifiedBadge-badge svg:nth-child(1) {
     border-radius: 20px;
     z-index: 5;
     color: var(--spice-subtext) !important;
+    padding-left: 5px;
 }
 
 .player-controls__buttons {
@@ -272,6 +273,7 @@ span.artist-artistVerifiedBadge-badge svg:nth-child(1) {
     height: 16px!important;
     border: solid 2px var(--spice-subtext)!important;
     width: 16px!important;
+    display: unset !important;
 }
 
 a.x-categoryCard-CategoryCard, a.x-heroCategoryCard-HeroCategoryCard {
@@ -368,10 +370,6 @@ a.x-categoryCard-CategoryCard, a.x-heroCategoryCard-HeroCategoryCard {
     color: var(--spice-misc) !important;
 }
 
-.main-cardSubHeader-root, .main-cardHeader-text {
-    color: var(--spice-shadow) !important;
-}
-
 
 .main-repeatButton-button, .main-skipForwardButton-button, .main-skipBackButton-button, .main-shuffleButton-button {
     cursor: pointer !important;
@@ -543,7 +541,30 @@ padding-top: 8px;
     scroll-behavior: smooth;
     overflow-y: scroll;
     overflow: hidden;
-    height: 500px !important;
+    contain: unset !important;
+    height: fit-content !important;
+    padding-bottom: 10px;
+}
+div.main-cardImage-imageWrapper.main-cardImage-roundedCorners > div > div > svg > path {
+    color: blue;
+    background-color: blue;
+    fill: var(--spice-sidebar);
+    opacity: 0.7;
+}
+div.main-cardImage-imageWrapper.main-cardImage-roundedCorners > div > div > svg > path {
+    color: blue;
+    background-color: blue;
+    fill: var(--spice-sidebar);
+    opacity: 0.7;
+}
+.main-yourEpisodes-coverContainer{
+background-color: var(--spice-text);
+}
+.playback-bar__progress-time-elapsed {
+    visibility: hidden;
+    width: 0px;
+    height: 0px;
+    padding: 0px;
+    margin: 0px;
+    position: absolute;
 }
-
-