Migrate to chezmoi

Move config files from config to chezmoi
Add script to auto install packages with DNF and Cargo

chezmoi/dot_config/spicetify/CustomApps/marketplace/README.md

@@ -0,0 +1,35 @@
+# 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)
+

chezmoi/dot_config/spicetify/CustomApps/marketplace/manifest.json

@@ -0,0 +1,9 @@
+{
+  "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"
+  ]
+}

chezmoi/dot_config/spicetify/Extensions/catppuccin-frappe.js

@@ -0,0 +1,40 @@
+// 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}`);
+});

chezmoi/dot_config/spicetify/Extensions/catppuccin-latte.js

@@ -0,0 +1,39 @@
+// 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}`);
+});

chezmoi/dot_config/spicetify/Extensions/catppuccin-macchiato.js

@@ -0,0 +1,39 @@
+// 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}`);
+});

chezmoi/dot_config/spicetify/Extensions/catppuccin-mocha.js

@@ -0,0 +1,39 @@
+// 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}`);
+});

chezmoi/dot_config/spicetify/Themes/catppuccin-frappe/color.ini

@@ -0,0 +1,265 @@
+[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

chezmoi/dot_config/spicetify/Themes/catppuccin-frappe/user.css

@@ -0,0 +1,272 @@
+/* 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;
+}

chezmoi/dot_config/spicetify/Themes/catppuccin-latte/color.ini

@@ -0,0 +1,246 @@
+[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

chezmoi/dot_config/spicetify/Themes/catppuccin-latte/user.css

@@ -0,0 +1,325 @@
+/* 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;
+}

chezmoi/dot_config/spicetify/Themes/catppuccin-macchiato/color.ini

@@ -0,0 +1,234 @@
+[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

chezmoi/dot_config/spicetify/Themes/catppuccin-macchiato/user.css

@@ -0,0 +1,274 @@
+/* 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;
+}

chezmoi/dot_config/spicetify/Themes/catppuccin-mocha/color.ini

@@ -0,0 +1,234 @@
+[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

chezmoi/dot_config/spicetify/Themes/catppuccin-mocha/user.css

@@ -0,0 +1,272 @@
+/* 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;
+}

chezmoi/dot_config/spicetify/config-xpui.ini

@@ -0,0 +1,34 @@
+[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

chezmoi/dot_config/spicetify/private_Extracted/private_Raw/private_login/private_executable_index.html

@@ -0,0 +1 @@
+<!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>