Mirrors/spicetify-themes
1
0
Fork 0
mirror of https://github.com/morpheusthewhite/spicetify-themes.git synced 2024-11-25 04:12:29 +01:00
Code Issues Projects Releases Activity

fix(Sleek): revert sidebar icons (#883)

Browse Source 
* revert sidebar icons
* fix liked songs being completely white when hover
This commit is contained in:
William Kang 2023-01-21 16:50:30 -05:00 committed by GitHub
parent e552c2c3a5
commit 0b5b78b4b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
Sleek/user.css
View File

@ -88,14 +88,18 @@ NAVBAR
background-color: var(--spice-text);
}
/* change color of navbar liked songs icon */
/* change color of navbar icons */
.main-likedSongsButton-likedSongsIcon {
background: transparent;
color: var(--spice-subtext);
background: var(--spice-text);
color: var(--spice-sidebar);
}
.main-likedSongsButton-likedSongsIcon svg {
height: 22px;
width: 22px;
.main-yourEpisodesButton-yourEpisodesIcon {
background: var(--spice-text);
}
.main-yourEpisodesButton-yourEpisodesIcon path {
fill: var(--spice-sidebar);
}
/* remove opacity of navbar buttons */
@ -109,16 +113,6 @@ NAVBAR
color: var(--spice-subtext);
}
:last-child > .main-collectionLinkButton-collectionLinkButton,
:last-child > .main-collectionLinkButton-collectionLinkButton .main-likedSongsButton-likedSongsIcon {
color: var(--spice-text);
}
.main-collectionLinkButton-collectionLinkButton:hover,
.main-collectionLinkButton-collectionLinkButton:hover .main-likedSongsButton-likedSongsIcon {
color: var(--spice-text);
}
/* change colors of active tab */
.main-navBar-navBarLinkActive,
.main-collectionLinkButton-selected {
@ -128,9 +122,7 @@ NAVBAR
.main-navBar-navBarLinkActive,
.main-navBar-navBarLinkActive:focus,
.main-navBar-navBarLinkActive:hover,
.main-collectionLinkButton-selected,
.main-collectionLinkButton-selected svg {
.main-navBar-navBarLinkActive:hover {
color: var(--spice-nav-active-text) !important;
}