Cleaned up Spotify CSS

This commit is contained in:
Michal 2022-04-23 20:01:42 +01:00 committed by GitHub
parent c4aac6444a
commit 3b2fca577a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -11,7 +11,8 @@
* this into the custom CSS section.
*/
/* GRUVBOX THEME */
/*== GRUVBOX THEME ===================================================*/
/*:root {
--spice-text: #fbf1c7;
--spice-subtext: #d5c4a1;
@ -30,90 +31,54 @@
--spice-notification-error: #d79921;
--spice-misc: #BFBFBF;
}
remove if you don't like the roundness, and edit this line out if you want to use the gruvbox colours
.main-trackList-trackListHeaderStuck.main-trackList-trackListHeader {
border-bottom: 0;
.iB16LxoPzDeVZo8zPhPQ,
.rezqw3Q4OEPB1m4rmwfw,
.main-trackList-trackListHeaderStuck.main-trackList-trackListHeader,
.main-card-card {
background-color: #504945;
}
.iB16LxoPzDeVZo8zPhPQ,
.rezqw3Q4OEPB1m4rmwfw{
background-color: #504945;
}
.main-card-card{
background: #504945;
border-radius: 16px;
}
*/
}*/
/*====================================================================*/
/* PARADICE THEME */
/*== PARADICE THEME ==================================================*/
:root {
--spice-text: #e3e3e3;
--spice-subtext: #e3e3e3;
--spice-sidebar-text: #e3e3e3;
--spice-sidebar-text: #151515;
--spice-main: #151515;
--spice-sidebar: #252525;
--spice-sidebar: #e3e3e3;
--spice-player: #665C54;
--spice-card: #3c3836;
--spice-shadow: #202020;
--spice-selected-row: #d5c4a1;
--spice-button: #e8e3e3;
--spice-button-active: #d65d0e;
--spice-button: #8C977D;
--spice-button-active: #8C977D;
--spice-button-disabled: #bdae93;
--spice-tab-active: #fb4934;
}
/* remove if you don't like the roundness */
.main-trackList-trackListHeaderStuck.main-trackList-trackListHeader {
border-bottom: 0;
.iB16LxoPzDeVZo8zPhPQ,
.rezqw3Q4OEPB1m4rmwfw,
.main-trackList-trackListHeaderStuck.main-trackList-trackListHeader,
.main-card-card {
background-color: #151515;
}
/*====================================================================*/
.iB16LxoPzDeVZo8zPhPQ,
.rezqw3Q4OEPB1m4rmwfw{
background-color: #151515;
}
.main-card-card{
background: #151515;
.main-contextMenu-menu,
.JdlKTdpMquftpMwwegZo,
.CmkY1Ag0tJDfnFXbGgju,
.main-coverSlotExpanded-container,
.main-heroCard-card,
.main-trackList-trackListRow,
.main-card-card {
border-radius: 16px;
}
/* GENERAL STUFF */
/* remove if you don't like the extra round-ness */
.main-trackList-trackListRow {
border-radius: 16px;
}
.main-trackList-trackListHeaderRow {
border-bottom: 0;
}
.main-heroCard-card {
border-radius: 16px;
}
.main-coverSlotExpanded-container{
border-radius: 16px;
}
.main-contextMenu-menu{
border-radius: 16px;
}
.main-image-image,
.main-trackList-rowImage{
.main-image-image,
.main-trackList-rowImage {
border-radius: 8px;
}
.JdlKTdpMquftpMwwegZo,
.CmkY1Ag0tJDfnFXbGgju{
border-radius: 16px;
.main-trackList-trackListHeaderRow,
.main-trackList-trackListHeaderStuck.main-trackList-trackListHeader {
border-bottom: 0;
}