diff --git a/Dreary/README.md b/Dreary/README.md index 077576f..fcbbd32 100644 --- a/Dreary/README.md +++ b/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. diff --git a/Dreary/bib.png b/Dreary/bib.png index 6326c87..80b3ac6 100644 Binary files a/Dreary/bib.png and b/Dreary/bib.png differ diff --git a/Dreary/color.ini b/Dreary/color.ini index 8d73119..f7b4094 100644 --- a/Dreary/color.ini +++ b/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 \ No newline at end of file +; misc = miscellaneous diff --git a/Dreary/deeper.png b/Dreary/deeper.png index 7aaa722..1f7fda7 100644 Binary files a/Dreary/deeper.png and b/Dreary/deeper.png differ diff --git a/Dreary/golden.png b/Dreary/golden.png index 66e63a4..763c98c 100644 Binary files a/Dreary/golden.png and b/Dreary/golden.png differ diff --git a/Dreary/graytone-blue.png b/Dreary/graytone-blue.png new file mode 100644 index 0000000..8bcfea2 Binary files /dev/null and b/Dreary/graytone-blue.png differ diff --git a/Dreary/mono.png b/Dreary/mono.png index 796ae7c..3fcf697 100644 Binary files a/Dreary/mono.png and b/Dreary/mono.png differ diff --git a/Dreary/psycho.png b/Dreary/psycho.png index 5b8502f..a645f5d 100644 Binary files a/Dreary/psycho.png and b/Dreary/psycho.png differ diff --git a/Dreary/user.css b/Dreary/user.css index a3276e2..44a3642 100644 --- a/Dreary/user.css +++ b/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; + } diff --git a/THEMES.md b/THEMES.md index 1286fe2..42d2dfe 100644 --- a/THEMES.md +++ b/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