Mirrors/spicetify-themes
1
0
Fork 0
mirror of https://github.com/morpheusthewhite/spicetify-themes.git synced 2024-11-24 03:42:43 +01:00
Code Issues Projects Releases Activity

Add new color schemes

Browse Source
This commit is contained in:
CharlieS1103 2021-11-20 15:52:13 -05:00
parent df1dd1128b
commit dae6350058
5 changed files with 101 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
Dreary/README.md
View File

@ -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.

65
Dreary/color.ini
View File

@ -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

BIN
Dreary/graytone-blue.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 583 KiB

BIN
Dreary/graytone-red.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 572 KiB

35
Dreary/user.css
View File

@ -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;
}