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
ad73783e05
spicetify-themes/Matte
History
darkthemer 2af96dabf2
fix(Matte): add 1.2.14 ylx support (#961) 
* fix(Matte): small fixes

- update color descriptions
- remove transparent window controls
- match your episodes icon
- use player height variable

* docs(Matte): update README

* fix(Matte): draggable topbar in various pages

* fix(Matte): include fonts for non-Latin scripts

* fix(Matte): revert queue page margin replacement

* fix(Matte): add 1.2.14 ylx support
2023-06-29 14:47:23 +12:00
..
screenshots feat(Matte): add ylx support, new color schemes, fix (#940) 2023-06-02 13:49:21 +12:00
color.ini fix(Matte): small fixes (#945) 2023-06-05 18:34:46 +01:00
README.md fix(Matte): small fixes (#945) 2023-06-05 18:34:46 +01:00
user.css fix(Matte): add 1.2.14 ylx support (#961) 2023-06-29 14:47:23 +12:00

README.md

Matte

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

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

  • Supports both Old UI and Your Library X UI

  • 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 */
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