IMP: nicer colors in white mode

This commit is contained in:
Julien Maille 2021-02-14 21:54:13 +01:00
parent 4158d923ad
commit 644841db71
3 changed files with 24 additions and 34 deletions

View File

@ -1,39 +1,28 @@
[white]
main_fg = FFA789
active_control_fg = FFA789
secondary_fg = 363636
secondary_bg = FFA789
main_bg = FFF9F4
sidebar_and_player_bg = FFF9F4
secondary_fg = 202020
main_bg = F4F4F4
sidebar_and_player_bg = F4F4F4
cover_overlay_and_shadow = 202020
indicator_fg_and_button_bg = ffffff
pressing_fg = 1a73e8
slider_bg = b4b7b4
sidebar_indicator_and_hover_button_bg = dedede
scrollbar_fg_and_selected_row_bg = f1f1f1
pressing_button_fg = 5f5e68
pressing_button_bg = 202124
selected_button = 4285f4
miscellaneous_bg = FFA789
miscellaneous_hover_bg = FFA789
preserve_1 = FFF1E6
indicator_fg_and_button_bg = FFFFFF
slider_bg = B4B4B4
scrollbar_fg_and_selected_row_bg = E1E1E1
pressing_button_fg = 5E5E5E
pressing_button_bg = 212121
miscellaneous_bg = A7A7A7
miscellaneous_hover_bg = A7A7A7
preserve_1 = F1F1F1
[dark]
main_fg = C2D935
active_control_fg = C2D935
secondary_fg = DEDEDE
secondary_bg = C2D935
main_bg = 0a0e14
sidebar_and_player_bg = 0A0E14
main_bg = 0E0E0E
sidebar_and_player_bg = 0E0E0E
cover_overlay_and_shadow = 202020
indicator_fg_and_button_bg = 313235
indicator_fg_and_button_bg = 323232
pressing_fg = C2D935
slider_bg = b4b7b4
sidebar_indicator_and_hover_button_bg = C2D935
scrollbar_fg_and_selected_row_bg = 313235
pressing_button_fg = FFF
pressing_button_bg = FFF
selected_button = 4285f4
miscellaneous_bg = 1d1f21
miscellaneous_hover_bg = 383145
preserve_1 = 0a0e14
slider_bg = B4B4B4
scrollbar_fg_and_selected_row_bg = 323232
pressing_button_fg = FFFFFF
pressing_button_bg = CCCCCC
miscellaneous_bg = 1F1F1F
miscellaneous_hover_bg = 383838
preserve_1 = 0E0E0E

View File

@ -243,7 +243,8 @@ function updateColors(root) {
//root.style.setProperty('--modspotify_rgb_miscellaneous_hover_bg', colRGB)
// Also update the color of the icons for bright and white backgrounds to remain readable.
isLightFg = isLight(colHex);
let isLightFg = isLight(colHex);
if( isLightBg ) isLightFg = !isLightFg;
iconCol = getComputedStyle(document.documentElement).getPropertyValue(isLightFg ? '--modspotify_main_bg' : '--modspotify_secondary_fg');
root.style.setProperty('--modspotify_preserve_1', iconCol);
}

View File

@ -952,7 +952,7 @@ select {
/* Toggle button */
.slider {
background: var(--modspotify_secondary_fg);
background: var(--modspotify_miscellaneous_bg);
border: 0;
height: 18px;
border-radius: 9px;