Merge pull request #615 from CharlieS1103/master

Add new color schemes

Dreary/README.md

@@ -1,4 +1,4 @@
-# Drery
+# Dreary
 
 ## Screenshots
 
@@ -17,6 +17,10 @@
 ### Golden
 ![Golden Screenshot](golden.png)
 
+### Graytone-Blue
+![Graytone-Blue Screenshot](graytone-blue.png)
+
+
 ## Important
 Certain aspects of the theme, such as the borders around playlist names, require Sidebar Config to be enabled. It is not required but recommended.
 
@@ -24,8 +28,9 @@ You can enable it by running `spicetify config sidebar_config 1`.
 
 ## More
 
-A chill theme that keeps things bordered in and organized.
+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).
+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]
@@ -111,6 +109,27 @@ playback-bar       = B28228
 misc               = B28228
 
 
+[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
 
 ; Description
 
@@ -132,4 +151,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;
@@ -406,15 +404,10 @@ a.x-categoryCard-CategoryCard, a.x-heroCategoryCard-HeroCategoryCard {
     transition: all 500ms;
 }
 
-#spicetify-playlist-list>li:hover {
+#spicetify-playlist-list > div > div:nth-child(2) > li:hover {
     border-color: var(--spice-button);
 }
 
-.main-rootlist-textWrapper {
-    overflow: auto !important;
-    text-overflow: unset !important;
-    white-space: pre !important;
-}
 
 .main-connectToFacebook-text, .main-connectToFacebook-disclaimer {
     color: unset !important;
@@ -424,10 +417,6 @@ a.x-categoryCard-CategoryCard, a.x-heroCategoryCard-HeroCategoryCard {
     color: var(--spice-button);
 }
 
-svg[Attributes Style] {
-    fill: var(--spice-subtext);
-}
-
 .main-rootlist-rootlistItemLink.main-rootlist-rootlistItemLinkActive, .main-rootlist-rootlistItemLink {
     transition: 500ms;
 }
@@ -436,8 +425,6 @@ svg[Attributes Style] {
     color: var(--spice-text);
 }
 
-
-
 .view-homeShortcutsGrid-shortcut {
     background-color: rgba(var(--spice-rgb-selected-row), 0.6) !important;
     border: solid 3px var(--spice-text);
@@ -491,7 +478,6 @@ padding-top: 8px;
     .main-navBar-entryPoints>div:first-of-type {
         margin-top: 20px;
     }
-    .main-nowPlayingBar-left {}
     .cMigZB {
         cursor: pointer;
     }
@@ -543,7 +529,39 @@ 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;
+}
+.Root__nav-bar{
+    min-width: 281px !important;
+}
+.playback-bar__progress-time-elapsed {
+    display:none !important;
+        }
+#spicetify-playlist-list > div{
+    height: 100% !important;
+ }

THEMES.md

@@ -27,6 +27,9 @@ Here you can find a preview of all the themes. Some of them may have different c
 #### Golden
 ![Golden Screenshot](Dreary/golden.png)
 
+#### Graytone-Blue
+![Graytone-blue Sreenshot](Dreary/graytone-blue.png)
+
 ## Dribbblish
 
 #### Base