Fluffy/Dots
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/dots.git synced 2025-05-14 07:42:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Cleaned up Spotify CSS

Browse source
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
1 changed files with 30 additions and 65 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

95
spotify/colours.css
View file

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