Mirrors/spicetify-themes
1
0
Fork 0
mirror of https://github.com/morpheusthewhite/spicetify-themes.git synced 2024-11-22 02:42:54 +01:00
Code Issues Projects Releases Activity
89d76b4afa
spicetify-themes/Matte
History
darkthemer 9c1aec291f
feat(Matte): add ylx support, new color schemes, fix (#940)
2023-06-02 13:49:21 +12:00
..
screenshots feat(Matte): add ylx support, new color schemes, fix (#940) 2023-06-02 13:49:21 +12:00
color.ini feat(Matte): add ylx support, new color schemes, fix (#940) 2023-06-02 13:49:21 +12:00
README.md feat(Matte): add ylx support, new color schemes, fix (#940) 2023-06-02 13:49:21 +12:00
user.css feat(Matte): add ylx support, new color schemes, fix (#940) 2023-06-02 13:49:21 +12:00

README.md

Matte

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

Screenshots

Matte (Old UI)

Matte Queue Page Matte Search Page Matte Customized Config

Matte (YLX UI)

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

Notes

  • Supports both Old UI and Your Library X UI

  • Check the very top of user.css for quick configs 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

/* transparent window controls background */
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
        69%  = 194px 45px
        76%  = 177px 40.5px
        83%  = 162px 37.5px
        91%  = 148px 34px
        100% = 135px 31px (default)
        110% = 123px 28.5px
    */
    width: 135px;
    height: 31px;
}

Window Controls