delete spicetify config
|
|
@ -1,35 +0,0 @@
|
||||||
# Spicetify Marketplace
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<a href="https://github.com/spicetify/spicetify-marketplace/releases/latest">
|
|
||||||
<img src="https://img.shields.io/github/v/release/spicetify/spicetify-marketplace?include_prereleases">
|
|
||||||
</a>
|
|
||||||
<a href="https://github.com/spicetify/spicetify-marketplace/releases">
|
|
||||||
<img src="https://img.shields.io/github/downloads/spicetify/spicetify-marketplace/total.svg">
|
|
||||||
</a>
|
|
||||||
<a href="https://github.com/spicetify/spicetify-marketplace/issues?q=is%3Aissue+is%3Aclosed">
|
|
||||||
<img src="https://img.shields.io/github/issues-closed/spicetify/spicetify-marketplace">
|
|
||||||
</a>
|
|
||||||
<a href="https://github.com/spicetify/spicetify-marketplace/commits/main">
|
|
||||||
<img src="https://img.shields.io/github/commit-activity/m/spicetify/spicetify-marketplace">
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
Customize your Spotify client directly from within [Spicetify](https://github.com/spicetify/spicetify-cli)!
|
|
||||||
|
|
||||||
Marketplace allows you to **browse, download, and install** extensions, themes, and CSS snippets with ease. You can also browse custom apps, but will need to do some manual installation to get them working.
|
|
||||||
|
|
||||||
Made with [Spicetify Creator](https://github.com/spicetify/spicetify-creator)
|
|
||||||
|
|
||||||
Head to the [wiki](https://github.com/spicetify/spicetify-marketplace/wiki) to get started!
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## Links
|
|
||||||
- [Overview](https://github.com/spicetify/spicetify-marketplace/wiki)
|
|
||||||
- [Installation](https://github.com/spicetify/spicetify-marketplace/wiki/Installation)
|
|
||||||
- [Publishing to Marketplace](https://github.com/spicetify/spicetify-marketplace/wiki/Publishing-to-Marketplace)
|
|
||||||
- [Contributions](https://github.com/spicetify/spicetify-marketplace/wiki/Contributions)
|
|
||||||
- [Development](https://github.com/spicetify/spicetify-marketplace/wiki/Development)
|
|
||||||
- [Translating/Localizing Marketplace](https://github.com/spicetify/spicetify-marketplace/wiki/Localizing-Marketplace)
|
|
||||||
|
|
||||||
|
|
@ -1,9 +0,0 @@
|
||||||
{
|
|
||||||
"name": "Marketplace",
|
|
||||||
"icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 76.465 68.262\"><path d=\"M151.909 72.923v6.5h10.097l8.663 44.567h48.968v-6.5h-43.61l-1.2-6.172h42.974l10.35-33.91h-59.915l-.872-4.485H151.91zm17.59 10.984h49.867l-6.393 20.91h-39.409l-4.064-20.91zm5.626 44.11a6.5 6.5 0 0 0-6.5 6.5 6.5 6.5 0 0 0 6.5 6.501 6.5 6.5 0 0 0 6.5-6.5 6.5 6.5 0 0 0-6.5-6.5zm38.274 0a6.5 6.5 0 0 0-6.5 6.5 6.5 6.5 0 0 0 6.5 6.501 6.5 6.5 0 0 0 6.5-6.5 6.5 6.5 0 0 0-6.5-6.5z\" style=\"fill:currentColor;stroke-width:.264583\" transform=\"translate(-151.909 -72.923)\"/></svg>\n",
|
|
||||||
"active-icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 76.465 68.262\"><path d=\"M151.909 72.923v6.5h10.097l8.663 44.567h48.968v-6.5h-43.61l-1.2-6.172h42.974l10.35-33.91h-59.915l-.872-4.485H151.91zm23.216 55.095a6.5 6.5 0 0 0-6.5 6.5 6.5 6.5 0 0 0 6.5 6.5 6.5 6.5 0 0 0 6.5-6.5 6.5 6.5 0 0 0-6.5-6.5zm38.274 0a6.5 6.5 0 0 0-6.5 6.5 6.5 6.5 0 0 0 6.5 6.5 6.5 6.5 0 0 0 6.5-6.5 6.5 6.5 0 0 0-6.5-6.5z\" style=\"fill:currentColor;stroke-width:.264583\" transform=\"translate(-151.909 -72.923)\"/></svg>\n",
|
|
||||||
"subfiles": [],
|
|
||||||
"subfiles_extension": [
|
|
||||||
"extension.js"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
@ -1,40 +0,0 @@
|
||||||
// Color map
|
|
||||||
let colorPalette = {
|
|
||||||
rosewater: "#f2d5cf",
|
|
||||||
flamingo: "#eebebe",
|
|
||||||
pink: "#f4b8e4",
|
|
||||||
maroon: "#ea999c",
|
|
||||||
red: "#e78284",
|
|
||||||
peach: "#ef9f76",
|
|
||||||
yellow: "#e5c890",
|
|
||||||
green: "#a6d189",
|
|
||||||
teal: "#81c8be",
|
|
||||||
blue: "#8caaee",
|
|
||||||
sky: "#99dadb",
|
|
||||||
lavender: "#babbf1",
|
|
||||||
white: "#c6d0f5",
|
|
||||||
mauve: "#ca9ee6"
|
|
||||||
}
|
|
||||||
|
|
||||||
// waitForElement borrowed from:
|
|
||||||
// https://github.com/morpheusthewhite/spicetify-themes/blob/master/Dribbblish/dribbblish.js
|
|
||||||
function waitForElement(els, func, timeout = 100) {
|
|
||||||
const queries = els.map(el => document.querySelector(el));
|
|
||||||
if (queries.every(a => a)) {
|
|
||||||
func(queries);
|
|
||||||
} else if (timeout > 0) {
|
|
||||||
setTimeout(waitForElement, 300, els, func, --timeout);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Return the color label for a given hex color value
|
|
||||||
function getKeyByValue(object, value) {
|
|
||||||
return Object.keys(object).find(key => object[key] === value.trim());
|
|
||||||
}
|
|
||||||
|
|
||||||
// Used to select matching equalizer-animated-COLOR.gif
|
|
||||||
waitForElement([".Root"], (root) => {
|
|
||||||
let spiceEq = getComputedStyle(document.querySelector(":root")).getPropertyValue("--spice-equalizer");
|
|
||||||
let eqColor = getKeyByValue(colorPalette, spiceEq);
|
|
||||||
root[0].classList.add(`catppuccin-eq-${eqColor}`);
|
|
||||||
});
|
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
// Color map
|
|
||||||
let colorPalette = {
|
|
||||||
rosewater: "#dc8a78",
|
|
||||||
flamingo: "#dd7878",
|
|
||||||
pink: "#ea76cb",
|
|
||||||
maroon: "#e64553",
|
|
||||||
red: "#d20f39",
|
|
||||||
peach: "#fe640b",
|
|
||||||
yellow: "#df8e1d",
|
|
||||||
green: "#40a02b",
|
|
||||||
teal: "#179299",
|
|
||||||
blue: "#1e66f5",
|
|
||||||
sky: "#04a5e5",
|
|
||||||
lavender: "#7287fd",
|
|
||||||
white: "#d9e0ee"
|
|
||||||
}
|
|
||||||
|
|
||||||
// waitForElement borrowed from:
|
|
||||||
// https://github.com/morpheusthewhite/spicetify-themes/blob/master/Dribbblish/dribbblish.js
|
|
||||||
function waitForElement(els, func, timeout = 100) {
|
|
||||||
const queries = els.map(el => document.querySelector(el));
|
|
||||||
if (queries.every(a => a)) {
|
|
||||||
func(queries);
|
|
||||||
} else if (timeout > 0) {
|
|
||||||
setTimeout(waitForElement, 300, els, func, --timeout);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Return the color label for a given hex color value
|
|
||||||
function getKeyByValue(object, value) {
|
|
||||||
return Object.keys(object).find(key => object[key] === value.trim());
|
|
||||||
}
|
|
||||||
|
|
||||||
// Used to select matching equalizer-animated-COLOR.gif
|
|
||||||
waitForElement([".Root"], (root) => {
|
|
||||||
let spiceEq = getComputedStyle(document.querySelector(":root")).getPropertyValue("--spice-equalizer");
|
|
||||||
let eqColor = getKeyByValue(colorPalette, spiceEq);
|
|
||||||
root[0].classList.add(`catppuccin-eq-${eqColor}`);
|
|
||||||
});
|
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
// Color map
|
|
||||||
let colorPalette = {
|
|
||||||
rosewater: "#f4dbd6",
|
|
||||||
flamingo: "#f0c6c6",
|
|
||||||
pink: "#f5bde6",
|
|
||||||
maroon: "#ee99a0",
|
|
||||||
red: "#ed8796",
|
|
||||||
peach: "#f5a97f",
|
|
||||||
yellow: "#eed49f",
|
|
||||||
green: "#a6da95",
|
|
||||||
teal: "#8bd5ca",
|
|
||||||
blue: "#8aadf4",
|
|
||||||
sky: "#91d7e3",
|
|
||||||
lavender: "#b7bdf8",
|
|
||||||
white: "#d9e0ee"
|
|
||||||
}
|
|
||||||
|
|
||||||
// waitForElement borrowed from:
|
|
||||||
// https://github.com/morpheusthewhite/spicetify-themes/blob/master/Dribbblish/dribbblish.js
|
|
||||||
function waitForElement(els, func, timeout = 100) {
|
|
||||||
const queries = els.map(el => document.querySelector(el));
|
|
||||||
if (queries.every(a => a)) {
|
|
||||||
func(queries);
|
|
||||||
} else if (timeout > 0) {
|
|
||||||
setTimeout(waitForElement, 300, els, func, --timeout);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Return the color label for a given hex color value
|
|
||||||
function getKeyByValue(object, value) {
|
|
||||||
return Object.keys(object).find(key => object[key] === value.trim());
|
|
||||||
}
|
|
||||||
|
|
||||||
// Used to select matching equalizer-animated-COLOR.gif
|
|
||||||
waitForElement([".Root"], (root) => {
|
|
||||||
let spiceEq = getComputedStyle(document.querySelector(":root")).getPropertyValue("--spice-equalizer");
|
|
||||||
let eqColor = getKeyByValue(colorPalette, spiceEq);
|
|
||||||
root[0].classList.add(`catppuccin-eq-${eqColor}`);
|
|
||||||
});
|
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
// Color map
|
|
||||||
let colorPalette = {
|
|
||||||
rosewater: "#f5e0dc",
|
|
||||||
flamingo: "#f2cdcd",
|
|
||||||
pink: "#f5c2e7",
|
|
||||||
maroon: "#eba0ac",
|
|
||||||
red: "#f38ba8",
|
|
||||||
peach: "#fab387",
|
|
||||||
yellow: "#f9e2af",
|
|
||||||
green: "#a6e3a1",
|
|
||||||
teal: "#94e2d5",
|
|
||||||
blue: "#89b4fa",
|
|
||||||
sky: "#89dceb",
|
|
||||||
lavender: "#b4befe",
|
|
||||||
white: "#d9e0ee"
|
|
||||||
}
|
|
||||||
|
|
||||||
// waitForElement borrowed from:
|
|
||||||
// https://github.com/morpheusthewhite/spicetify-themes/blob/master/Dribbblish/dribbblish.js
|
|
||||||
function waitForElement(els, func, timeout = 100) {
|
|
||||||
const queries = els.map(el => document.querySelector(el));
|
|
||||||
if (queries.every(a => a)) {
|
|
||||||
func(queries);
|
|
||||||
} else if (timeout > 0) {
|
|
||||||
setTimeout(waitForElement, 300, els, func, --timeout);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Return the color label for a given hex color value
|
|
||||||
function getKeyByValue(object, value) {
|
|
||||||
return Object.keys(object).find(key => object[key] === value.trim());
|
|
||||||
}
|
|
||||||
|
|
||||||
// Used to select matching equalizer-animated-COLOR.gif
|
|
||||||
waitForElement([".Root"], (root) => {
|
|
||||||
let spiceEq = getComputedStyle(document.querySelector(":root")).getPropertyValue("--spice-equalizer");
|
|
||||||
let eqColor = getKeyByValue(colorPalette, spiceEq);
|
|
||||||
root[0].classList.add(`catppuccin-eq-${eqColor}`);
|
|
||||||
});
|
|
||||||
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
|
@ -1,265 +0,0 @@
|
||||||
[rosewater]
|
|
||||||
text = F2D5CF
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = F2D5CF
|
|
||||||
misc = 626880
|
|
||||||
|
|
||||||
[flamingo]
|
|
||||||
text = EEBEBE
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = EEBEBE
|
|
||||||
misc = 626880
|
|
||||||
|
|
||||||
[mauve]
|
|
||||||
text = CA9EE6
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = CA9EE6
|
|
||||||
misc = 626880
|
|
||||||
|
|
||||||
[pink]
|
|
||||||
text = F4B8E4
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = F4B8E4
|
|
||||||
misc = 686880
|
|
||||||
|
|
||||||
[maroon]
|
|
||||||
text = EA999C
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = EA999C
|
|
||||||
misc = 686880
|
|
||||||
|
|
||||||
[red]
|
|
||||||
text = E78284
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = E78284
|
|
||||||
misc = 686880
|
|
||||||
|
|
||||||
[peach]
|
|
||||||
text = EF9F76
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = EF9F76
|
|
||||||
misc = 686880
|
|
||||||
|
|
||||||
[yellow]
|
|
||||||
text = E5C890
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = 8CAAEE
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = E5C890
|
|
||||||
misc = 686880
|
|
||||||
|
|
||||||
[green]
|
|
||||||
text = A6D189
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = A6D189
|
|
||||||
misc = 686880
|
|
||||||
|
|
||||||
[teal]
|
|
||||||
text = 81C8BE
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = 81C8BE
|
|
||||||
misc = 686880
|
|
||||||
|
|
||||||
[blue]
|
|
||||||
text = 8CAAEE
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = 8CAAEE
|
|
||||||
misc = 686880
|
|
||||||
|
|
||||||
[sky]
|
|
||||||
text = 99D1DB
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = 99D1DB
|
|
||||||
misc = 686880
|
|
||||||
|
|
||||||
[lavender]
|
|
||||||
text = BABBF1
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = BABBF1
|
|
||||||
misc = 686880
|
|
||||||
|
|
||||||
[white]
|
|
||||||
text = C6D0F5
|
|
||||||
subtext = C6D0D5
|
|
||||||
accent = E5C890
|
|
||||||
main = 303446
|
|
||||||
sidebar = 292C3C
|
|
||||||
player = 232634
|
|
||||||
card = 232634
|
|
||||||
shadow = 292C3C
|
|
||||||
selected-row = 626880
|
|
||||||
button = 838BA7
|
|
||||||
button-active = 949CBB
|
|
||||||
button-disabled = 737994
|
|
||||||
tab-active = 414559
|
|
||||||
notification = 414559
|
|
||||||
notification-error = E78284
|
|
||||||
equalizer = C6D0F5
|
|
||||||
misc = 686880
|
|
||||||
|
|
@ -1,272 +0,0 @@
|
||||||
/* Color Pallette */
|
|
||||||
/* Note: These variables should be used ONLY when needed across ALL of the color palettes. */
|
|
||||||
:root {
|
|
||||||
/* Morning */
|
|
||||||
--flamingo: #eebebe;
|
|
||||||
--mauve: #ca9ee6;
|
|
||||||
--pink: #f4b8e4;
|
|
||||||
--maroon: #ea999c;
|
|
||||||
--red: #e78284;
|
|
||||||
--peach: #ef9f76;
|
|
||||||
--yellow: #e5c890;
|
|
||||||
--green: #a6d189;
|
|
||||||
--teal: #81c8be;
|
|
||||||
--blue: #8caaee;
|
|
||||||
--sky: #99dadb;
|
|
||||||
/* Night */
|
|
||||||
/* --black-0: #161320; */
|
|
||||||
--crust: #232634;
|
|
||||||
/* --black-1: #1A1826; */
|
|
||||||
--mantle: #292c3c;
|
|
||||||
/* --black-2: #1E1E2E; */
|
|
||||||
--base: #303446;
|
|
||||||
/* --black-3: #302D41; */
|
|
||||||
--surface0: #414559;
|
|
||||||
/* --black-4: #575268; */
|
|
||||||
--surface1: #51576d;
|
|
||||||
/* --gray-0: #6E6C7E; */
|
|
||||||
--overlay0: #737994;
|
|
||||||
/* --gray-1: #988BA2; */
|
|
||||||
---overlay1: #838ba7;
|
|
||||||
/* --gray-2: #C3BAC6; */
|
|
||||||
--overlay2: #949cbb;
|
|
||||||
/* --white: #D9E0EE; */
|
|
||||||
--white: #c6d0f5;
|
|
||||||
--lavender: #babbf1;
|
|
||||||
--rosewater: #f2d5cf;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Buttons */
|
|
||||||
.main-playButton-PlayButton.main-playButton-primary {
|
|
||||||
color: var(--spice-player);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-button-primary {
|
|
||||||
background-color: var(--spice-main);
|
|
||||||
}
|
|
||||||
.main-button-primary:active,
|
|
||||||
.main-button-primary:focus,
|
|
||||||
.main-button-primary:hover {
|
|
||||||
background-color: var(--spice-sidebar);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-view-container button:hover > div[class^='ButtonInner-sc-'] {
|
|
||||||
background-color: var(--spice-button);
|
|
||||||
}
|
|
||||||
|
|
||||||
.control-button-heart[aria-checked="true"],
|
|
||||||
.main-addButton-active,
|
|
||||||
.main-addButton-active:focus,
|
|
||||||
.main-addButton-active:hover {
|
|
||||||
color: var(--red);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-addButton-active:hover {
|
|
||||||
-webkit-transform: scale(1.06);
|
|
||||||
transform: scale(1.06);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Progress bar */
|
|
||||||
.x-progressBar-progressBarBg > div > div {
|
|
||||||
background-color: var(--spice-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Top bars */
|
|
||||||
.main-entityHeader-backgroundColor,
|
|
||||||
.main-actionBarBackground-background,
|
|
||||||
.main-view-container main[aria-label="Spotify – Web Player"] > div:first-child {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-topBar-background {
|
|
||||||
background-color: var(--spice-main) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-entityHeader-withBackgroundImage {
|
|
||||||
background-color: rgba(var(--spice-rgb-player), 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
.main-navBar-navBar li:hover > div,
|
|
||||||
.main-navBar-navBar li:hover > a:not(.main-navBar-navBarLinkActive),
|
|
||||||
.spicetify-playlist-list li:hover {
|
|
||||||
background-color: var(--spice-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
#spicetify-sticky-list li:hover > div {
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Scrollbar */
|
|
||||||
.os-theme-spotify > .os-scrollbar-horizontal,
|
|
||||||
.os-theme-spotify > .os-scrollbar-vertical {
|
|
||||||
padding: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.os-theme-spotify.os-host-transition
|
|
||||||
> .os-scrollbar-horizontal
|
|
||||||
> .os-scrollbar-track
|
|
||||||
> .os-scrollbar-handle,
|
|
||||||
.os-theme-spotify.os-host-transition
|
|
||||||
> .os-scrollbar-vertical
|
|
||||||
> .os-scrollbar-track
|
|
||||||
> .os-scrollbar-handle {
|
|
||||||
background-color: var(--decorative-base);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 0.5em;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background-color: #575268;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Home */
|
|
||||||
.main-home-homeHeader {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div {
|
|
||||||
background-color: var(--spice-card);
|
|
||||||
}
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div:hover {
|
|
||||||
background-color: var(--spice-misc);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-gridContainer-gridContainer > div,
|
|
||||||
.main-gridContainer-gridContainer > div > div > div {
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cards */
|
|
||||||
.main-card-card {
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-card-imageContainer {
|
|
||||||
margin: -16px -16px 16px -16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-cardImage-imageWrapper,
|
|
||||||
.main-cardImage-image {
|
|
||||||
border-radius: 6px 6px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Settings */
|
|
||||||
input:checked~.x-toggle-indicatorWrapper {
|
|
||||||
background-color: var(---overlay1);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:hover:not([disabled]):not(:active)~.x-toggle-indicatorWrapper {
|
|
||||||
background-color: var(--spice-button-active);
|
|
||||||
}
|
|
||||||
|
|
||||||
select option:checked {
|
|
||||||
color: var(--spice-text);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Animated equalizer */
|
|
||||||
/* EQ color classes are specified here in case the js extension is not moved over
|
|
||||||
* The default green eq will be used in this case */
|
|
||||||
.catppuccin-eq-rosewater .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-flamingo .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-mauve .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-pink .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-maroon .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-red .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-peach .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-yellow .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-green .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-teal .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-blue .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-sky .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-white .main-trackList-playingIcon {
|
|
||||||
background-size: cover;
|
|
||||||
padding-left: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catppuccin-eq-rosewater .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-rosewater.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-flamingo .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-flamingo.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-mauve .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-mauve.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-pink .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-pink.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-maroon .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-maroon.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-red .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-red.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-peach .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-peach.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-yellow .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-yellow.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-green .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-green.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-teal .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-teal.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-blue .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-blue.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-sky .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-sky.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-lavender.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-white.gif");
|
|
||||||
}
|
|
||||||
|
|
||||||
/* For that small dot on podcasts that notify us of new episodes */
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div
|
|
||||||
span[aria-label],
|
|
||||||
span[aria-label="New episode"],
|
|
||||||
span[aria-label="New Podcast Episode"] {
|
|
||||||
background: var(--spice-accent, var(--spice-text));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Modals */
|
|
||||||
.GenericModal[aria-label="Already added"] > div {
|
|
||||||
background-color: var(--spice-card);
|
|
||||||
color: var(--spice-subtext);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:first-child {
|
|
||||||
color: var(--spice-button-active);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:first-child:hover {
|
|
||||||
color: var(--spice-notification-error);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:last-child:hover > div {
|
|
||||||
background-color: var(--spice-button);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-rootlist-rootlistItemLink:link, .main-rootlist-rootlistItemLink:visited {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
|
@ -1,246 +0,0 @@
|
||||||
[rosewater]
|
|
||||||
text = DC8A78
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = DC8A78
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[flamingo]
|
|
||||||
text = DD7878
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = DD7878
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[mauve]
|
|
||||||
text = 8839EF
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = 8839EF
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[pink]
|
|
||||||
text = EA76CB
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = EA76CB
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[maroon]
|
|
||||||
text = E64553
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = E64553
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[red]
|
|
||||||
text = D20F39
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = D20F39
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[peach]
|
|
||||||
text = FE640B
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = FE640B
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[yellow]
|
|
||||||
text = DF8E1D
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = DF8E1D
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[green]
|
|
||||||
text = 40A02B
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = 40A02B
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[teal]
|
|
||||||
text = 179299
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = 179299
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[blue]
|
|
||||||
text = 1E66F5
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = 1E66F5
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[sky]
|
|
||||||
text = 04A5E5
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = 04A5E5
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
||||||
[lavender]
|
|
||||||
text = 7287FD
|
|
||||||
subtext = 4C4F69
|
|
||||||
accent = FAE3B0
|
|
||||||
main = EFF1F5
|
|
||||||
sidebar = E6E9EF
|
|
||||||
player = DCE0E8
|
|
||||||
card = CCD0DA
|
|
||||||
shadow = E6E9EF
|
|
||||||
selected-row = ACB0BE
|
|
||||||
button = 8C8FA1
|
|
||||||
button-active = 7C7F93
|
|
||||||
button-disabled = 9CA0B0
|
|
||||||
tab-active = DDC0DA
|
|
||||||
notification = DDC0DA
|
|
||||||
notification-error = D20F39
|
|
||||||
equalizer = 7287FD
|
|
||||||
misc = ACB0BE
|
|
||||||
|
|
@ -1,325 +0,0 @@
|
||||||
/* Color Pallette */
|
|
||||||
/* Note: These variables should be used ONLY when needed across ALL of the color palettes. */
|
|
||||||
:root {
|
|
||||||
/* Morning */
|
|
||||||
--flamingo: #dd7878;
|
|
||||||
--mauve: #8839ef;
|
|
||||||
--pink: #ea76cb;
|
|
||||||
--maroon: #e64553;
|
|
||||||
--red: #d20f39;
|
|
||||||
--peach: #fe640b;
|
|
||||||
--yellow: #df8e1d;
|
|
||||||
--green: #40a02b;
|
|
||||||
--teal: #179299;
|
|
||||||
--blue: #1e66f5;
|
|
||||||
--sky: #04a5e5;
|
|
||||||
/* Night */
|
|
||||||
/* --black-0: #161320; */
|
|
||||||
--crust: #dce0e8;
|
|
||||||
/* --black-1: #1A1826; */
|
|
||||||
--mantle: #e6e9ef;
|
|
||||||
/* --black-2: #1E1E2E; */
|
|
||||||
--base: #eff1f5;
|
|
||||||
/* --black-3: #302D41; */
|
|
||||||
--surface0: #ccd0da;
|
|
||||||
/* --black-4: #575268; */
|
|
||||||
--surface1: #bcc0cc;
|
|
||||||
/* --gray-0: #6E6C7E; */
|
|
||||||
--overlay0: #9ca0b0;
|
|
||||||
/* --gray-1: #988BA2; */
|
|
||||||
---overlay1: #8c8fa1;
|
|
||||||
/* --gray-2: #C3BAC6; */
|
|
||||||
--overlay2: #7c7f93;
|
|
||||||
/* --white: #D9E0EE; */
|
|
||||||
--text: #4c4f69;
|
|
||||||
--lavender: #7287fd;
|
|
||||||
--rosewater: #dc8a78;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* * { */
|
|
||||||
/* color: var(--text); */
|
|
||||||
/* } */
|
|
||||||
|
|
||||||
.button {
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Buttons */
|
|
||||||
.main-playButton-PlayButton.main-playButton-primary {
|
|
||||||
color: var(--spice-player);
|
|
||||||
}
|
|
||||||
.main-actionBar-ActionBar.contentSpacing {
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
/* .wCl7pMTEE68v1xuZeZiB */
|
|
||||||
.main-actionBar-ActionBarRow > div > .button {
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
|
|
||||||
.HbKLiGoYM4dpuK8L4TMX, .Svg-sc-1bi12j5-0.jgfuCe.X1lXSiVj0pzhQCUo_72A, .main-moreButton-button, .wCl7pMTEE68v1xuZeZiB, .w6j_vX6SF5IxSXrrkYw5 {
|
|
||||||
color: var(--text);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-actionBar-ActionBarRow > div > .input::placeholder {
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
/* Skip button, Forward button, repeat, karoke, lyrics, spotify-connect, volume */
|
|
||||||
.main-skipBackButton-button, .main-skipForwardButton-button, .main-repeatButton-button, .ZMXGDTbwxKJhbmEDZlYy.control-button, .Button-sc-1dqy6lx-0.hyWUsx, .control-button.iUSAh1wdhXLk9hHSbkCA, .volume-bar__icon-button.control-button {
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
|
|
||||||
.Type__TypeElement-goli3j-0.cpSTHq.playback-bar__progress-time-elapsed, .Type__TypeElement-goli3j-0 cpSTHq main-playbackBarRemainingTime-container {
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
/* Search bar placeholder */
|
|
||||||
.QZhV0hWVKlExlKr266jo::placeholder {
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
div.context-menu {
|
|
||||||
background-color: var(--crust);
|
|
||||||
}
|
|
||||||
.main-button-primary {
|
|
||||||
background-color: var(--spice-main);
|
|
||||||
}
|
|
||||||
.main-button-primary:active,
|
|
||||||
.main-button-primary:focus,
|
|
||||||
.main-button-primary:hover {
|
|
||||||
background-color: var(--spice-sidebar);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-view-container button:hover > div[class^='ButtonInner-sc-'] {
|
|
||||||
background-color: var(--spice-button);
|
|
||||||
}
|
|
||||||
|
|
||||||
.control-button-heart[aria-checked="true"],
|
|
||||||
.main-addButton-active,
|
|
||||||
.main-addButton-active:focus,
|
|
||||||
.main-addButton-active:hover {
|
|
||||||
color: var(--red);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-addButton-active:hover {
|
|
||||||
-webkit-transform: scale(1.06);
|
|
||||||
transform: scale(1.06);
|
|
||||||
}
|
|
||||||
.QZhV0hWVKlExlKr266jo {
|
|
||||||
color: var(--text);
|
|
||||||
}
|
|
||||||
/* Progress bar */
|
|
||||||
.x-progressBar-progressBarBg > div > div {
|
|
||||||
background-color: var(--spice-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Top bars */
|
|
||||||
.main-entityHeader-backgroundColor,
|
|
||||||
.main-actionBarBackground-background,
|
|
||||||
.main-view-container main[aria-label="Spotify – Web Player"] > div:first-child {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-topBar-background {
|
|
||||||
background-color: var(--spice-main) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-entityHeader-withBackgroundImage {
|
|
||||||
background-color: rgba(var(--spice-rgb-player), 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
.main-navBar-navBar li:hover > div,
|
|
||||||
.main-navBar-navBar li:hover > a:not(.main-navBar-navBarLinkActive),
|
|
||||||
.spicetify-playlist-list li:hover {
|
|
||||||
background-color: var(--spice-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
#spicetify-sticky-list li:hover > div {
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
/* div.jb9xD5ECTqKFK02qe3HZ {
|
|
||||||
background-color: var(--mantle);
|
|
||||||
} */
|
|
||||||
|
|
||||||
p.Type__TypeElement-goli3j-0.gAmaez.fUYMR7LuRXv0KJWFvRZA {
|
|
||||||
color: var(--spice-text);
|
|
||||||
}
|
|
||||||
span.UyzJidwrGk3awngSGIwv, .main-tag-container, .Type__TypeElement-goli3j-0.ebHsEf {
|
|
||||||
color: var(--spice-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Scrollbar */
|
|
||||||
.os-theme-spotify > .os-scrollbar-horizontal,
|
|
||||||
.os-theme-spotify > .os-scrollbar-vertical {
|
|
||||||
padding: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.os-theme-spotify.os-host-transition
|
|
||||||
> .os-scrollbar-horizontal
|
|
||||||
> .os-scrollbar-track
|
|
||||||
> .os-scrollbar-handle,
|
|
||||||
.os-theme-spotify.os-host-transition
|
|
||||||
> .os-scrollbar-vertical
|
|
||||||
> .os-scrollbar-track
|
|
||||||
> .os-scrollbar-handle {
|
|
||||||
background-color: var(--decorative-base);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 0.5em;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background-color: #575268;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Home */
|
|
||||||
.main-home-homeHeader {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div {
|
|
||||||
background-color: var(--spice-card);
|
|
||||||
}
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div:hover {
|
|
||||||
background-color: var(--spice-misc);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-gridContainer-gridContainer > div,
|
|
||||||
.main-gridContainer-gridContainer > div > div > div {
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cards */
|
|
||||||
.main-card-card {
|
|
||||||
border-radius: 6px;
|
|
||||||
background-color: var(--mantle);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-card-imageContainer {
|
|
||||||
margin: -16px -16px 16px -16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-cardImage-imageWrapper,
|
|
||||||
.main-cardImage-image {
|
|
||||||
border-radius: 6px 6px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Settings */
|
|
||||||
input:checked~.x-toggle-indicatorWrapper {
|
|
||||||
/* background-color: var(---overlay1); */
|
|
||||||
background-color: var(--text);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:hover:not([disabled]):not(:active)~.x-toggle-indicatorWrapper {
|
|
||||||
background-color: var(--spice-button-active);
|
|
||||||
}
|
|
||||||
|
|
||||||
select option:checked {
|
|
||||||
color: var(--spice-text);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Animated equalizer */
|
|
||||||
/* EQ color classes are specified here in case the js extension is not moved over
|
|
||||||
* The default green eq will be used in this case */
|
|
||||||
.catppuccin-eq-rosewater .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-flamingo .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-mauve .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-pink .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-maroon .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-red .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-peach .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-yellow .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-green .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-teal .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-blue .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-sky .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-white .main-trackList-playingIcon {
|
|
||||||
background-size: cover;
|
|
||||||
padding-left: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catppuccin-eq-rosewater .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-rosewater.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-flamingo .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-flamingo.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-mauve .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-mauve.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-pink .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-pink.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-maroon .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-maroon.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-red .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-red.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-peach .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-peach.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-yellow .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-yellow.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-green .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-green.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-teal .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-teal.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-blue .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-blue.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-sky .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-sky.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-lavender.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-white.gif");
|
|
||||||
}
|
|
||||||
|
|
||||||
/* For that small dot on podcasts that notify us of new episodes */
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div
|
|
||||||
span[aria-label],
|
|
||||||
span[aria-label="New episode"],
|
|
||||||
span[aria-label="New Podcast Episode"] {
|
|
||||||
background: var(--spice-accent, var(--spice-text));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Modals */
|
|
||||||
.GenericModal[aria-label="Already added"] > div {
|
|
||||||
background-color: var(--spice-card);
|
|
||||||
color: var(--spice-subtext);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:first-child {
|
|
||||||
color: var(--spice-button-active);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:first-child:hover {
|
|
||||||
color: var(--spice-notification-error);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:last-child:hover > div {
|
|
||||||
background-color: var(--spice-button);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-rootlist-rootlistItemLink:link, .main-rootlist-rootlistItemLink:visited {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
|
@ -1,234 +0,0 @@
|
||||||
[rosewater]
|
|
||||||
text = F4DBD6
|
|
||||||
subtext = CAD3F5
|
|
||||||
accent = FAE3B0
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = F4DBD6
|
|
||||||
misc = 5B6078
|
|
||||||
|
|
||||||
[flamingo]
|
|
||||||
text = F0C6C6
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = F0C6C6
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[mauve]
|
|
||||||
text = C6A0F6
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = C6A0F6
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[pink]
|
|
||||||
text = F5BDE6
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = F5BDE6
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[maroon]
|
|
||||||
text = EE99A0
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = EE99A0
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[red]
|
|
||||||
text = ED8796
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = ED8796
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[peach]
|
|
||||||
text = F5A97F
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = F5A97F
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[yellow]
|
|
||||||
text = EED49F
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = EED49F
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[green]
|
|
||||||
text = A6DA95
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = A6DA95
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[teal]
|
|
||||||
text = 8BD5CA
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = 8BD5CA
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[blue]
|
|
||||||
text = 8AADF4
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = 8AADF4
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[sky]
|
|
||||||
text = 91D7E3
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = 91D7E3
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[lavender]
|
|
||||||
text = B7BDF8
|
|
||||||
subtext = CAD3F5
|
|
||||||
main = 24273A
|
|
||||||
sidebar = 1E2030
|
|
||||||
player = 181926
|
|
||||||
card = 363A4F
|
|
||||||
shadow = 1E2030
|
|
||||||
selected-row = 5B6078
|
|
||||||
button = 8087A2
|
|
||||||
button-active = 939AB7
|
|
||||||
button-disabled = 6E738D
|
|
||||||
tab-active = 363A4F
|
|
||||||
notification = 363A4F
|
|
||||||
notification-error = ED8796
|
|
||||||
equalizer = B7BDF8
|
|
||||||
misc = 585B70
|
|
||||||
|
|
@ -1,274 +0,0 @@
|
||||||
/* Color Pallette */
|
|
||||||
/* Note: These variables should be used ONLY when needed across ALL of the color palettes. */
|
|
||||||
:root {
|
|
||||||
/* Morning */
|
|
||||||
--flamingo: #f0c6c6;
|
|
||||||
--mauve: #c6a0f6;
|
|
||||||
--pink: #f5bde6;
|
|
||||||
--maroon: #ee99a0;
|
|
||||||
--red: #ed8796;
|
|
||||||
--peach: #f5a97f;
|
|
||||||
--yellow: #eed49f;
|
|
||||||
/* --yellow: #FAE3B0; */
|
|
||||||
--green: #a6da95;
|
|
||||||
--teal: #8bd5ca;
|
|
||||||
--blue: #8aadf4;
|
|
||||||
--sky: #91d7e3;
|
|
||||||
/* Night */
|
|
||||||
/* --black-0: #161320; */
|
|
||||||
--crust: #181926;
|
|
||||||
/* --black-1: #1A1826; */
|
|
||||||
--mantle: #1e2030;
|
|
||||||
/* --black-2: #1E1E2E; */
|
|
||||||
--base: #24273a;
|
|
||||||
/* --black-3: #302D41; */
|
|
||||||
--surface0: #363a4f;
|
|
||||||
/* --black-4: #575268; */
|
|
||||||
--surface1: #494d64;
|
|
||||||
/* --gray-0: #6E6C7E; */
|
|
||||||
--overlay0: #6e738d;
|
|
||||||
/* --gray-1: #988BA2; */
|
|
||||||
---overlay1: #8087a2;
|
|
||||||
/* --gray-2: #C3BAC6; */
|
|
||||||
--overlay2: #939ab7;
|
|
||||||
/* --white: #D9E0EE; */
|
|
||||||
--text: #cad3f5;
|
|
||||||
--lavender: #b7bdf8;
|
|
||||||
--rosewater: #f4dbd6;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Buttons */
|
|
||||||
.main-playButton-PlayButton.main-playButton-primary {
|
|
||||||
color: var(--spice-player);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-button-primary {
|
|
||||||
background-color: var(--spice-main);
|
|
||||||
}
|
|
||||||
.main-button-primary:active,
|
|
||||||
.main-button-primary:focus,
|
|
||||||
.main-button-primary:hover {
|
|
||||||
background-color: var(--spice-sidebar);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-view-container button:hover > div[class^='ButtonInner-sc-'] {
|
|
||||||
background-color: var(--spice-button);
|
|
||||||
}
|
|
||||||
|
|
||||||
.control-button-heart[aria-checked="true"],
|
|
||||||
.main-addButton-active,
|
|
||||||
.main-addButton-active:focus,
|
|
||||||
.main-addButton-active:hover {
|
|
||||||
color: var(--red);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-addButton-active:hover {
|
|
||||||
-webkit-transform: scale(1.06);
|
|
||||||
transform: scale(1.06);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Progress bar */
|
|
||||||
.x-progressBar-progressBarBg > div > div {
|
|
||||||
background-color: var(--spice-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Top bars */
|
|
||||||
.main-entityHeader-backgroundColor,
|
|
||||||
.main-actionBarBackground-background,
|
|
||||||
.main-view-container main[aria-label="Spotify – Web Player"] > div:first-child {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-topBar-background {
|
|
||||||
background-color: var(--spice-main) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-entityHeader-withBackgroundImage {
|
|
||||||
background-color: rgba(var(--spice-rgb-player), 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
.main-navBar-navBar li:hover > div,
|
|
||||||
.main-navBar-navBar li:hover > a:not(.main-navBar-navBarLinkActive),
|
|
||||||
.spicetify-playlist-list li:hover {
|
|
||||||
background-color: var(--spice-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
#spicetify-sticky-list li:hover > div {
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Scrollbar */
|
|
||||||
.os-theme-spotify > .os-scrollbar-horizontal,
|
|
||||||
.os-theme-spotify > .os-scrollbar-vertical {
|
|
||||||
padding: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.os-theme-spotify.os-host-transition
|
|
||||||
> .os-scrollbar-horizontal
|
|
||||||
> .os-scrollbar-track
|
|
||||||
> .os-scrollbar-handle,
|
|
||||||
.os-theme-spotify.os-host-transition
|
|
||||||
> .os-scrollbar-vertical
|
|
||||||
> .os-scrollbar-track
|
|
||||||
> .os-scrollbar-handle {
|
|
||||||
background-color: var(--decorative-base);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 0.5em;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background-color: #575268;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Home */
|
|
||||||
.main-home-homeHeader {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div {
|
|
||||||
background-color: var(--spice-card);
|
|
||||||
}
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div:hover {
|
|
||||||
background-color: var(--spice-misc);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-gridContainer-gridContainer > div,
|
|
||||||
.main-gridContainer-gridContainer > div > div > div {
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cards */
|
|
||||||
.main-card-card {
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-card-imageContainer {
|
|
||||||
margin: -16px -16px 16px -16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-cardImage-imageWrapper,
|
|
||||||
.main-cardImage-image {
|
|
||||||
border-radius: 6px 6px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Settings */
|
|
||||||
input:checked~.x-toggle-indicatorWrapper {
|
|
||||||
background-color: var(---overlay1);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:hover:not([disabled]):not(:active)~.x-toggle-indicatorWrapper {
|
|
||||||
background-color: var(--spice-button-active);
|
|
||||||
}
|
|
||||||
|
|
||||||
select option:checked {
|
|
||||||
color: var(--spice-text);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Animated equalizer */
|
|
||||||
/* EQ color classes are specified here in case the js extension is not moved over
|
|
||||||
* The default green eq will be used in this case */
|
|
||||||
.catppuccin-eq-rosewater .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-flamingo .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-mauve .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-pink .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-maroon .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-red .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-peach .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-yellow .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-green .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-teal .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-blue .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-sky .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-white .main-trackList-playingIcon {
|
|
||||||
background-size: cover;
|
|
||||||
padding-left: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catppuccin-eq-rosewater .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-rosewater.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-flamingo .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-flamingo.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-mauve .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-mauve.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-pink .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-pink.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-maroon .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-maroon.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-red .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-red.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-peach .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-peach.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-yellow .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-yellow.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-green .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-green.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-teal .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-teal.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-blue .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-blue.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-sky .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-sky.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-lavender.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-white.gif");
|
|
||||||
}
|
|
||||||
|
|
||||||
/* For that small dot on podcasts that notify us of new episodes */
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div
|
|
||||||
span[aria-label],
|
|
||||||
span[aria-label="New episode"],
|
|
||||||
span[aria-label="New Podcast Episode"] {
|
|
||||||
background: var(--spice-accent, var(--spice-text));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Modals */
|
|
||||||
.GenericModal[aria-label="Already added"] > div {
|
|
||||||
background-color: var(--spice-card);
|
|
||||||
color: var(--spice-subtext);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:first-child {
|
|
||||||
color: var(--spice-button-active);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:first-child:hover {
|
|
||||||
color: var(--spice-notification-error);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:last-child:hover > div {
|
|
||||||
background-color: var(--spice-button);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-rootlist-rootlistItemLink:link, .main-rootlist-rootlistItemLink:visited {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 2.3 KiB |
|
|
@ -1,234 +0,0 @@
|
||||||
[rosewater]
|
|
||||||
text = F5E0DC
|
|
||||||
subtext = CDD6F4
|
|
||||||
accent = FAE3B0
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 414559
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6C7086
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F38BA8
|
|
||||||
equalizer = F5E0DC
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[flamingo]
|
|
||||||
text = F2CDCD
|
|
||||||
subtext = CDD6F4
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = F2CDCD
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[mauve]
|
|
||||||
text = CBA6F7
|
|
||||||
subtext = CDD6F4
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = CBA6F7
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[pink]
|
|
||||||
text = F5C2E7
|
|
||||||
subtext = CDD6F4
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = F5C2E7
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[maroon]
|
|
||||||
text = EBA0AC
|
|
||||||
subtext = CDD6F4
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = EBA0AC
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[red]
|
|
||||||
text = F38BA8
|
|
||||||
subtext = CDD6F4
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = F38BA8
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[peach]
|
|
||||||
text = FAB387
|
|
||||||
subtext = CDD6F4
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = FAB387
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[yellow]
|
|
||||||
text = F9E2AF
|
|
||||||
subtext = CDD6F4
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = F9E2AF
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[green]
|
|
||||||
text = A6E3A1
|
|
||||||
subtext = CDD6F4
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = A6E3A1
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[teal]
|
|
||||||
text = 94E2D5
|
|
||||||
subtext = CDD6F4
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = 94E2D5
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[blue]
|
|
||||||
text = 89B4FA
|
|
||||||
subtext = CDD6F4
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = 89B4FA
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[sky]
|
|
||||||
text = 89DCEB
|
|
||||||
subtext = CDD6F4
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = 89DCEB
|
|
||||||
misc = 585B70
|
|
||||||
|
|
||||||
[lavender]
|
|
||||||
text = B4BEFE
|
|
||||||
subtext = BAC2DE
|
|
||||||
main = 1E1E2E
|
|
||||||
sidebar = 181825
|
|
||||||
player = 11111B
|
|
||||||
card = 313244
|
|
||||||
shadow = 181825
|
|
||||||
selected-row = 585B70
|
|
||||||
button = 7F849C
|
|
||||||
button-active = 9399B2
|
|
||||||
button-disabled = 6E6C7E
|
|
||||||
tab-active = 313244
|
|
||||||
notification = 313244
|
|
||||||
notification-error = F28FAD
|
|
||||||
equalizer = B4BEFE
|
|
||||||
misc = 585B70
|
|
||||||
|
|
@ -1,272 +0,0 @@
|
||||||
/* Color Pallette */
|
|
||||||
/* Note: These variables should be used ONLY when needed across ALL of the color palettes. */
|
|
||||||
:root {
|
|
||||||
/* Morning */
|
|
||||||
--flamingo: #f2cdcd;
|
|
||||||
--mauve: #cba6f7;
|
|
||||||
--pink: #f5c2e7;
|
|
||||||
--maroon: #eba0ac;
|
|
||||||
--red: #f38ba8;
|
|
||||||
--peach: #fab387;
|
|
||||||
--yellow: #f9e2af;
|
|
||||||
--green: #a6e3a1;
|
|
||||||
--teal: #94e2d5;
|
|
||||||
--blue: #89b4fa;
|
|
||||||
--sky: #89dceb;
|
|
||||||
/* Night */
|
|
||||||
/* --black-0: #161320; */
|
|
||||||
--crust: #11111B;
|
|
||||||
/* --black-1: #1A1826; */
|
|
||||||
--mantle: #181825;
|
|
||||||
/* --black-2: #1E1E2E; */
|
|
||||||
--base: #1E1E2E;
|
|
||||||
/* --black-3: #302D41; */
|
|
||||||
--surface0: #313244;
|
|
||||||
/* --black-4: #575268; */
|
|
||||||
--surface1: #45475A;
|
|
||||||
/* --gray-0: #6E6C7E; */
|
|
||||||
--overlay0: #6C7086;
|
|
||||||
/* --gray-1: #988BA2; */
|
|
||||||
---overlay1: #7f849C;
|
|
||||||
/* --gray-2: #C3BAC6; */
|
|
||||||
--overlay2: #9399B2;
|
|
||||||
/* --white: #D9E0EE; */
|
|
||||||
--white: #d9e0ee;
|
|
||||||
--lavender: #b4befe;
|
|
||||||
--rosewater: #f5e0dc;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Buttons */
|
|
||||||
.main-playButton-PlayButton.main-playButton-primary {
|
|
||||||
color: var(--spice-player);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-button-primary {
|
|
||||||
background-color: var(--spice-main);
|
|
||||||
}
|
|
||||||
.main-button-primary:active,
|
|
||||||
.main-button-primary:focus,
|
|
||||||
.main-button-primary:hover {
|
|
||||||
background-color: var(--spice-sidebar);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-view-container button:hover > div[class^='ButtonInner-sc-'] {
|
|
||||||
background-color: var(--spice-button);
|
|
||||||
}
|
|
||||||
|
|
||||||
.control-button-heart[aria-checked="true"],
|
|
||||||
.main-addButton-active,
|
|
||||||
.main-addButton-active:focus,
|
|
||||||
.main-addButton-active:hover {
|
|
||||||
color: var(--red);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-addButton-active:hover {
|
|
||||||
-webkit-transform: scale(1.06);
|
|
||||||
transform: scale(1.06);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Progress bar */
|
|
||||||
.x-progressBar-progressBarBg > div > div {
|
|
||||||
background-color: var(--spice-text);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Top bars */
|
|
||||||
.main-entityHeader-backgroundColor,
|
|
||||||
.main-actionBarBackground-background,
|
|
||||||
.main-view-container main[aria-label="Spotify – Web Player"] > div:first-child {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-topBar-background {
|
|
||||||
background-color: var(--spice-main) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-entityHeader-withBackgroundImage {
|
|
||||||
background-color: rgba(var(--spice-rgb-player), 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Sidebar */
|
|
||||||
.main-navBar-navBar li:hover > div,
|
|
||||||
.main-navBar-navBar li:hover > a:not(.main-navBar-navBarLinkActive),
|
|
||||||
.spicetify-playlist-list li:hover {
|
|
||||||
background-color: var(--spice-main);
|
|
||||||
}
|
|
||||||
|
|
||||||
#spicetify-sticky-list li:hover > div {
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Scrollbar */
|
|
||||||
.os-theme-spotify > .os-scrollbar-horizontal,
|
|
||||||
.os-theme-spotify > .os-scrollbar-vertical {
|
|
||||||
padding: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.os-theme-spotify.os-host-transition
|
|
||||||
> .os-scrollbar-horizontal
|
|
||||||
> .os-scrollbar-track
|
|
||||||
> .os-scrollbar-handle,
|
|
||||||
.os-theme-spotify.os-host-transition
|
|
||||||
> .os-scrollbar-vertical
|
|
||||||
> .os-scrollbar-track
|
|
||||||
> .os-scrollbar-handle {
|
|
||||||
background-color: var(--decorative-base);
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 0.5em;
|
|
||||||
}
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background-color: #575268;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Home */
|
|
||||||
.main-home-homeHeader {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div {
|
|
||||||
background-color: var(--spice-card);
|
|
||||||
}
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div:hover {
|
|
||||||
background-color: var(--spice-misc);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-gridContainer-gridContainer > div,
|
|
||||||
.main-gridContainer-gridContainer > div > div > div {
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Cards */
|
|
||||||
.main-card-card {
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-card-imageContainer {
|
|
||||||
margin: -16px -16px 16px -16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-cardImage-imageWrapper,
|
|
||||||
.main-cardImage-image {
|
|
||||||
border-radius: 6px 6px 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Settings */
|
|
||||||
input:checked~.x-toggle-indicatorWrapper {
|
|
||||||
background-color: var(---overlay1);
|
|
||||||
}
|
|
||||||
|
|
||||||
input:hover:not([disabled]):not(:active)~.x-toggle-indicatorWrapper {
|
|
||||||
background-color: var(--spice-button-active);
|
|
||||||
}
|
|
||||||
|
|
||||||
select option:checked {
|
|
||||||
color: var(--spice-text);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Animated equalizer */
|
|
||||||
/* EQ color classes are specified here in case the js extension is not moved over
|
|
||||||
* The default green eq will be used in this case */
|
|
||||||
.catppuccin-eq-rosewater .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-flamingo .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-mauve .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-pink .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-maroon .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-red .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-peach .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-yellow .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-green .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-teal .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-blue .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-sky .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon,
|
|
||||||
.catppuccin-eq-white .main-trackList-playingIcon {
|
|
||||||
background-size: cover;
|
|
||||||
padding-left: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.catppuccin-eq-rosewater .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-rosewater.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-flamingo .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-flamingo.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-mauve .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-mauve.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-pink .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-pink.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-maroon .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-maroon.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-red .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-red.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-peach .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-peach.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-yellow .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-yellow.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-green .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-green.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-teal .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-teal.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-blue .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-blue.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-sky .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-sky.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-lavender.gif");
|
|
||||||
}
|
|
||||||
.catppuccin-eq-lavender .main-trackList-playingIcon {
|
|
||||||
background-image: url("equalizer-animated-white.gif");
|
|
||||||
}
|
|
||||||
|
|
||||||
/* For that small dot on podcasts that notify us of new episodes */
|
|
||||||
.main-home-content
|
|
||||||
> section:first-child
|
|
||||||
> .main-gridContainer-gridContainer
|
|
||||||
> div
|
|
||||||
span[aria-label],
|
|
||||||
span[aria-label="New episode"],
|
|
||||||
span[aria-label="New Podcast Episode"] {
|
|
||||||
background: var(--spice-accent, var(--spice-text));
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Modals */
|
|
||||||
.GenericModal[aria-label="Already added"] > div {
|
|
||||||
background-color: var(--spice-card);
|
|
||||||
color: var(--spice-subtext);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:first-child {
|
|
||||||
color: var(--spice-button-active);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:first-child:hover {
|
|
||||||
color: var(--spice-notification-error);
|
|
||||||
}
|
|
||||||
|
|
||||||
.GenericModal[aria-label="Already added"] button:last-child:hover > div {
|
|
||||||
background-color: var(--spice-button);
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-rootlist-rootlistItemLink:link, .main-rootlist-rootlistItemLink:visited {
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
@ -1,34 +0,0 @@
|
||||||
[Setting]
|
|
||||||
check_spicetify_upgrade = 1
|
|
||||||
prefs_path = /home/aleidk/.var/app/com.spotify.Client/config/spotify/prefs
|
|
||||||
current_theme = catppuccin-macchiato
|
|
||||||
color_scheme = teal
|
|
||||||
spotify_launch_flags =
|
|
||||||
spotify_path = /home/aleidk/.local/share/flatpak/app/com.spotify.Client/x86_64/stable/active/files/extra/share/spotify/
|
|
||||||
inject_css = 1
|
|
||||||
replace_colors = 1
|
|
||||||
overwrite_assets = 1
|
|
||||||
inject_theme_js = 1
|
|
||||||
check_spicetify_update = 1
|
|
||||||
always_enable_devtools = 0
|
|
||||||
|
|
||||||
[Preprocesses]
|
|
||||||
disable_sentry = 1
|
|
||||||
disable_ui_logging = 1
|
|
||||||
remove_rtl_rule = 1
|
|
||||||
expose_apis = 1
|
|
||||||
disable_upgrade_check = 1
|
|
||||||
|
|
||||||
[AdditionalOptions]
|
|
||||||
home_config = 1
|
|
||||||
experimental_features = 1
|
|
||||||
extensions = copytoclipboard2.js|hidePodcasts.js|ViewPlaylistsWithSong.js|catppuccin-mocha.js
|
|
||||||
custom_apps = lyrics-plus|new-releases|marketplace
|
|
||||||
sidebar_config = 1
|
|
||||||
|
|
||||||
[Patch]
|
|
||||||
|
|
||||||
; DO NOT CHANGE!
|
|
||||||
[Backup]
|
|
||||||
version = 1.2.26.1187.g36b715a1
|
|
||||||
with = 2.31.3
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
<!doctype html><html dir="auto"><head><meta charset="utf-8"/><title>Spotify - Login</title><link rel="preconnect" href="https://apresolve.spotify.com" crossorigin="anonymous"/><link rel="preload" href="/fonts/CircularSp-Book.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/fonts/CircularSp-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="/fonts/CircularSpTitle-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="fonts/CircularSpTitle-Black.woff2" as="font" type="font/woff2" crossorigin="anonymous"/><link rel="preload" href="images/logo.svg" as="image" type="image/svg+xml"/><link rel="preload" as="image" href="images/fake-web-player/side.png"/><link rel="preload" as="image" href="images/fake-web-player/footer-left.png"/><link rel="preload" as="image" href="images/fake-web-player/controls.png"/><link rel="preload" as="image" href="images/fake-web-player/footer-right.png"/><link rel="preload" as="image" href="images/fake-web-player/content.avif"/><link rel="preload" as="image" href="images/fake-web-player/content-small.avif"/><link href="/login.css" rel="stylesheet"></head><body class="is-login-page encore-dark-theme"><div class="body-drag-top"></div><div id="main" class="main"></div><script src="init.js"></script><script defer="defer" src="/vendor~login.js"></script><script defer="defer" src="/login.js"></script></body></html>
|
|
||||||