spicetify-themes/Matte
2024-06-25 15:55:11 +02:00
..
screenshots fix(Matte): support v1.2.39 (#1081) 2024-06-25 15:55:11 +02:00
color.ini feat(Matte): add rose-pine-moon color scheme (#996) 2023-09-12 23:53:22 +12:00
README.md fix(Matte): support v1.2.39 (#1081) 2024-06-25 15:55:11 +02:00
user.css fix(Matte): support v1.2.39 (#1081) 2024-06-25 15:55:11 +02:00

Matte

Screenshots

Matte

Matte

Periwinkle

Periwinkle

Periwinkle-Dark

Periwkinle Dark

Porcelain

Porcelain

Gray-Dark1

Gray Dark 1

Gray-Dark2

Gray Dark 2

Gray-Dark3

Gray Dark 3

Gray

Gray

Gray-Light

Gray Light

More

Description

a Spicetify theme which features a distinct top bar, quick-to-edit CSS variables, and color schemes from Windows visual styles by KDr3w

Credits

Notes

  • Check the very top of user.css for quick configs

    • If you use the Marketplace, go to Marketplace > Snippets > + Add CSS and then paste the quick configs found in user.css. Edit these as you wish.

Window Controls

  • For Windows users, here's how to make the window controls' background match with the topbar background

    • Put this snippet into your user.css (or through the Marketplace's custom CSS feature)
/* transparent window controls background */
.spotify__container--is-desktop:not(.fullscreen) body::after {
    content: "";
    position: absolute;
    right: 0;
    z-index: 999;
    backdrop-filter: brightness(2.12);
    /* page zoom [ctrl][+] or [ctrl][-]
       edit width and height accordingly
    */
    width: 135px;
    height: 48px;
}

Window Controls