2022-04-18 13:03:29 +00:00
|
|
|
/*
|
|
|
|
|
* _ _
|
|
|
|
|
* __ ____ _ _ __ _ __ (_)_ __ __ _| |
|
|
|
|
|
* \ \ /\ / / _` | '__| '_ \| | '_ \ / _` | |
|
|
|
|
|
* \ V V / (_| | | | | | | | | | | (_| |_|
|
|
|
|
|
* \_/\_/ \__,_|_| |_| |_|_|_| |_|\__, (_)
|
|
|
|
|
* |___/
|
|
|
|
|
* This will not work on its own, you NEED spicetify
|
|
|
|
|
* WITH the dribbblish theme installed
|
2022-04-18 13:26:22 +00:00
|
|
|
* AND custom CSS plugin, then and ONLY THEN can you paste
|
2022-04-18 13:03:29 +00:00
|
|
|
* this into the custom CSS section.
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
/* GRUVBOX THEME */
|
|
|
|
|
/*:root {
|
|
|
|
|
--spice-text: #fbf1c7;
|
|
|
|
|
--spice-subtext: #d5c4a1;
|
|
|
|
|
--spice-sidebar-text: #fbf1c7;
|
|
|
|
|
--spice-main: #504945;
|
|
|
|
|
--spice-sidebar: #292828;
|
|
|
|
|
--spice-player: #665C54;
|
|
|
|
|
--spice-card: #3c3836;
|
|
|
|
|
--spice-shadow: #202020;
|
|
|
|
|
--spice-selected-row: #d5c4a1;
|
|
|
|
|
--spice-button: #a89984;
|
|
|
|
|
--spice-button-active: #d65d0e;
|
|
|
|
|
--spice-button-disabled: #bdae93;
|
|
|
|
|
--spice-tab-active: #fb4934;
|
|
|
|
|
--spice-notification: #8ec07c;
|
|
|
|
|
--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;
|
|
|
|
|
background-color: #504945;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.iB16LxoPzDeVZo8zPhPQ,
|
|
|
|
|
.rezqw3Q4OEPB1m4rmwfw{
|
|
|
|
|
background-color: #504945;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main-card-card{
|
|
|
|
|
background: #504945;
|
|
|
|
|
border-radius: 16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* PARADICE THEME */
|
|
|
|
|
:root {
|
|
|
|
|
--spice-text: #e3e3e3;
|
|
|
|
|
--spice-subtext: #e3e3e3;
|
|
|
|
|
--spice-sidebar-text: #e3e3e3;
|
|
|
|
|
--spice-main: #151515;
|
|
|
|
|
--spice-sidebar: #252525;
|
|
|
|
|
--spice-player: #665C54;
|
|
|
|
|
--spice-card: #3c3836;
|
|
|
|
|
--spice-shadow: #202020;
|
|
|
|
|
--spice-selected-row: #d5c4a1;
|
|
|
|
|
--spice-button: #e8e3e3;
|
|
|
|
|
--spice-button-active: #d65d0e;
|
|
|
|
|
--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;
|
|
|
|
|
background-color: #151515;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.iB16LxoPzDeVZo8zPhPQ,
|
|
|
|
|
.rezqw3Q4OEPB1m4rmwfw{
|
|
|
|
|
background-color: #151515;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main-card-card{
|
|
|
|
|
background: #151515;
|
|
|
|
|
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{
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.JdlKTdpMquftpMwwegZo,
|
|
|
|
|
.CmkY1Ag0tJDfnFXbGgju{
|
|
|
|
|
border-radius: 16px;
|
|
|
|
|
}
|
