You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
- Spotify version:
Spotify for Windows (64 bit)
1.2.22.982.g794acc0a
- Spicetify version:
Spicetify v2.23.2
xpui_2023-09-22_1695379677000_42cf0a5
cef_116.0.27+gd8c85ac+chromium-116.0.5845.190
π Description
The colours ColorApi chooses makes the certain parts of the UI sometimes unreadable.
It seems to me that var(--spice-button) and var(--spice-button-disabled) uses the same value as var(--spice-text) and var(--spice-subtext). Given how similar the two colors are, the contrast is very small when both colors are used on top of each other.
Instead, the var(--spice-button-disabled) should be using darker/brighter colors of the background colour, while var(--spice-button) can use var(--spice-text) as the accent colour.
πΈ Screenshots
Using monochromeLight, vibrant.
Static color scheme (Cherry from Sleek)
Popups are also low contrast
The text was updated successfully, but these errors were encountered:
π Is there already an issue for your problem?
βΉ Environment / Computer Info
π Description
The colours ColorApi chooses makes the certain parts of the UI sometimes unreadable.
It seems to me that
var(--spice-button)
andvar(--spice-button-disabled)
uses the same value asvar(--spice-text)
andvar(--spice-subtext)
. Given how similar the two colors are, the contrast is very small when both colors are used on top of each other.Instead, the
var(--spice-button-disabled)
should be using darker/brighter colors of the background colour, whilevar(--spice-button)
can usevar(--spice-text)
as the accent colour.πΈ Screenshots
Using monochromeLight, vibrant.
![image](https://private-user-images.githubusercontent.com/27133275/276301077-3e1a3269-2d16-40e8-a18f-40be7775c2b1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NTUzNTksIm5iZiI6MTcyNDU1NTA1OSwicGF0aCI6Ii8yNzEzMzI3NS8yNzYzMDEwNzctM2UxYTMyNjktMmQxNi00MGU4LWExOGYtNDBiZTc3NzVjMmIxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDAzMDQxOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFmMzFkYWYyZGViNDFhZWQwY2E3YjAyNjVjYTdjZWU5NzQ5MmMyODlhNTc2MzFhMTVhMzE2NzU4OTdkY2Y5NmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.sT0Lt5uLEZqBCKe47VLdHiWrKSDBB4ZBJ-Je_KIO0Fo)
Static color scheme (Cherry from Sleek)
![image](https://private-user-images.githubusercontent.com/27133275/276301297-bf4e7de7-7c14-464d-a63a-606a6886bfc5.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NTUzNTksIm5iZiI6MTcyNDU1NTA1OSwicGF0aCI6Ii8yNzEzMzI3NS8yNzYzMDEyOTctYmY0ZTdkZTctN2MxNC00NjRkLWE2M2EtNjA2YTY4ODZiZmM1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDAzMDQxOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTg3ZTg1YWRkNmFhY2MyNjdkYWY1N2M0NTk4NDUwYjdjOGIzMzA2NjQ0ZGM1ZjYxZmQ4Yzc1ZmQyMTdiMDg4ZWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.uEq8eKtghe2cof9thYf6LFgdcXLfhc-50crQe05E8PE)
Popups are also low contrast
![image](https://private-user-images.githubusercontent.com/27133275/276301594-5664949a-3a63-4d3e-a294-7874ed4a3d97.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ1NTUzNTksIm5iZiI6MTcyNDU1NTA1OSwicGF0aCI6Ii8yNzEzMzI3NS8yNzYzMDE1OTQtNTY2NDk0OWEtM2E2My00ZDNlLWEyOTQtNzg3NGVkNGEzZDk3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODI1VDAzMDQxOVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdlZWQzOGVmOTg4Njk0ZmI2MzBkZTQ4YzE3YjQzZGMzZjQxY2M4MGYxNjQ1NjNlNTczZDU3NDU0MWU1YTlhZWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.IvjoXg4D_iuo3yzaoOA3c0ZJrB7epapV5Z6xAU5kVf8)
The text was updated successfully, but these errors were encountered: