diff --git a/DribbblishDynamic/color.ini b/DribbblishDynamic/color.ini index a73291b..0bf50ea 100644 --- a/DribbblishDynamic/color.ini +++ b/DribbblishDynamic/color.ini @@ -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 diff --git a/DribbblishDynamic/dribbblish-dynamic.js b/DribbblishDynamic/dribbblish-dynamic.js index 5885e17..978a72f 100644 --- a/DribbblishDynamic/dribbblish-dynamic.js +++ b/DribbblishDynamic/dribbblish-dynamic.js @@ -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); } diff --git a/DribbblishDynamic/user.css b/DribbblishDynamic/user.css index 4b1c259..db0263a 100644 --- a/DribbblishDynamic/user.css +++ b/DribbblishDynamic/user.css @@ -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;