; COLORS' KEY DESCRIPTIONS ; topbar = background ; topbar-text = title, enabled history button ; topbar-subtext = unselected tabs, disabled history button ; tab-active = selected tab item, search bar background ; tab-active-text = selected tab item, search bar text ; tab-hover = hovered tab item, hovered search bar ; topbar-border = bottom border ; sidebar = background ; sidebar-text = primary text (home, search, library, playlists, etc) ; link-hover-text = hovered link item text ; link-active = selected link item background ; link-active-text = selected link item text ; sidebar-border = left or right border ; main = background ; text = primary text (heading, title, some name, song count, button text, etc) ; subtext = secondary text (description, some name, duration, tracklist album, play count, etc) ; selected-row = some details, border, button (heart, download, options in playlist or album) ; player = background ; player-text = song title, hovered text ; player-subtext = artist name, time duration ; player-selected-row = progress bar (background, duration, volume), button (playback, extra) ; player-border = top border ; button = button (lyrics, queue in player bar, on toggle in settings) ; button-active = button (play-pause button, current song title in queue, active heart, hovered button and toggle) ; button-disabled = button (off toggle and dropdown menu in settings) ; scrollbar = default ; scrollbar-hover = hovered ; context-menu = background ; context-menu-text = primary text ; context-menu-hover = hovered item backgrond ; card = hovered card, tracks in queue or playlist, etc ; shadow = context menu shadow, popup background dim, popup button background (close, carousel), toast shadow ; notification = toast background, private session indicator ; notification-error = error toast background ; misc = idk ; main-elevated = ylx carousel buttons, etc ; highlight-elevated = ylx hovered carousel buttons, etc ; highlight = ylx hovered playlist link, etc [matte] ; topbar topbar = 232b32 topbar-text = d0d2d9 topbar-subtext = 4a5460 tab-active = 1c2228 tab-active-text = d0d2d9 tab-hover = 131b20 topbar-border = 232b32 ; sidebars sidebar = 181e23 sidebar-text = 7e8596 link-active-text = 181e23 sidebar-border = 181e23 ; main view main = 1c2228 text = b9bcc6 subtext = 7e8596 selected-row = 5b6b79 ; player bar player = 141b1f player-text = 969aa9 player-subtext = 6d8392 player-selected-row = 6d8392 player-border = 141b1f ; accent colors link-hover-text = 009587 link-active = 009587 button = 01bfa5 button-active = 01bfa5 scrollbar-hover = 009688 ; others button-disabled = 2c353e scrollbar = 39454f context-menu = 232b32 context-menu-text = d0d2d9 context-menu-hover = 343e47 card = 232d35 shadow = 101418 notification = 1c2228 notification-error = b73434 misc = 39454f ; ylx main-elevated = 1c2228 highlight-elevated = 232d35 highlight = 20272d [periwinkle] ; topbar topbar-text = ffffff topbar-subtext = aaa5e4 tab-active-text = d0ccff tab-hover = ffffff ; sidebars sidebar = ffffff sidebar-text = 010101 link-active-text = ffffff sidebar-border = ffffff ; main view main = ffffff text = 010101 subtext = 6d6d6d selected-row = 6d6d6d ; player bar player = ffffff player-text = 010101 player-subtext = 6d6d6d player-selected-row = 6d6d6d player-border = d9d9d9 ; accent colors topbar = 7269d2 tab-active = 7269d2 topbar-border = 7269d2 link-hover-text = 8c84da link-active = 7269d2 button = 7269d2 button-active = 8c84da scrollbar-hover = 8a82e0 context-menu-hover = 7269d2 ; others button-disabled = ebebeb scrollbar = d9d9d9 context-menu = ffffff context-menu-text = 010101 card = ebebeb shadow = 363163 notification = ffffff notification-error = ff4264 misc = 6d6d6d ; ylx main-elevated = ffffff highlight-elevated = ebebeb highlight = ebebeb [periwinkle-dark] ; topbar topbar-text = f6f6f6 topbar-subtext = aaa5e4 tab-active-text = d0ccff tab-hover = 383838 ; sidebars sidebar = 383838 sidebar-text = d0d0d0 link-hover-text = 8c84da link-active-text = f6f6f6 sidebar-border = 383838 ; main view main = 383838 text = f6f6f6 subtext = d0d0d0 selected-row = d0d0d0 ; player bar player = 343434 player-text = f6f6f6 player-subtext = d0d0d0 player-selected-row = d0d0d0 player-border = 2e2e2e ; accent colors topbar = 7269d2 tab-active = 7269d2 topbar-border = 7269d2 link-active = 7269d2 button = 7269d2 button-active = 8c84da scrollbar-hover = 8a82e0 context-menu-hover = 7269d2 ; others button-disabled = 444444 scrollbar = 494949 context-menu = 343434 context-menu-text = f6f6f6 card = 444444 shadow = 2e2e2e notification = 343434 notification-error = ff4264 misc = d0d0d0 ; ylx main-elevated = 383838 highlight-elevated = 444444 highlight = 444444 [porcelain] ; topbar topbar = e8eaf0 topbar-text = 242b31 topbar-subtext = 899099 tab-active = e8eaf0 tab-active-text = 242b31 tab-hover = ffffff topbar-border = e8eaf0 ; sidebars sidebar = dfe1e8 sidebar-text = 3f4b56 link-hover-text = 6a7495 link-active-text = dfe1e8 sidebar-border = dfe1e8 ; main view main = f9f9fb text = 3f4b56 subtext = 70828f selected-row = 70828f ; player bar player = d5d8df player-text = 364049 player-subtext = 4e5a67 player-selected-row = 4e5a67 player-border = cdd0d8 ; accent colors link-active = 43a8ff button = 43a8ff button-active = 038aff scrollbar-hover = 43a8ff ; others button-disabled = c0c5ce scrollbar = d6dbdf context-menu = e8eaf0 context-menu-text = 2f353c context-menu-hover = ced2db card = e3e6ea shadow = 6d6e71 notification = f9f9fb notification-error = e6395f misc = 4e5a67 ; ylx main-elevated = f9f9fb highlight-elevated = e3e6ea highlight = ced1db [gray-dark1] ; topbar topbar = 191919 topbar-text = d4d4d4 topbar-subtext = 7a7a7a tab-active = 1f1f1f tab-active-text = d4d4d4 tab-hover = 272727 topbar-border = 191919 ; sidebars sidebar = 202020 sidebar-text = d4d4d4 link-hover-text = 6d6d6d link-active = 2d2d2d link-active-text = e8e8e8 sidebar-border = 191919 ; main view main = 202020 text = d4d4d4 subtext = 959595 selected-row = 6d6d6d ; player bar player = 202020 player-text = d4d4d4 player-subtext = 959595 player-selected-row = 959595 player-border = 191919 ; accent colors button-active = 2080df ; others button = 404040 button-disabled = 252525 scrollbar = 353535 scrollbar-hover = 999999 context-menu = 202020 context-menu-text = d4d4d4 context-menu-hover = 2d2d2d card = 2d2d2d shadow = 0c0c0c notification = 202020 notification-error = d32635 misc = 959595 ; ylx main-elevated = 202020 highlight-elevated = 2d2d2d highlight = 2d2d2d [gray-dark2] ; topbar topbar = 191919 topbar-text = d4d4d4 topbar-subtext = 535353 tab-active = 191919 tab-active-text = d4d4d4 tab-hover = 1f1f1f topbar-border = 191919 ; sidebars sidebar = 161616 sidebar-text = d4d4d4 link-hover-text = 6c6c6c link-active = 1c1c1c link-active-text = d4d4d4 sidebar-border = 161616 ; main view main = 202020 text = d4d4d4 subtext = 959595 selected-row = 6d6d6d ; player bar player = 1a1a1a player-text = d4d4d4 player-subtext = 959595 player-selected-row = 959595 player-border = 1a1a1a ; accent colors button-active = 2080df ; others button = 404040 button-disabled = 252525 scrollbar = 353535 scrollbar-hover = 999999 context-menu = 202020 context-menu-text = d4d4d4 context-menu-hover = 2d2d2d card = 2d2d2d shadow = 0c0c0c notification = 202020 notification-error = d32635 misc = 959595 ; ylx main-elevated = 202020 highlight-elevated = 2d2d2d highlight = 2d2d2d [gray-dark3] ; topbar topbar = 191919 topbar-text = d4d4d4 topbar-subtext = 7a7a7a tab-active = 191919 tab-active-text = d4d4d4 tab-hover = 1f1f1f topbar-border = 191919 ; sidebars sidebar = 131313 sidebar-text = d4d4d4 link-hover-text = 6c6c6c link-active = 1e1e1e link-active-text = d4d4d4 sidebar-border = 131313 ; main view main = 161616 text = d4d4d4 subtext = 959595 selected-row = 6d6d6d ; player bar player = 101010 player-text = d4d4d4 player-subtext = 959595 player-selected-row = 959595 player-border = 101010 ; accent colors button-active = 2080df ; others button = 404040 button-disabled = 252525 scrollbar = 353535 scrollbar-hover = 999999 context-menu = 202020 context-menu-text = d4d4d4 context-menu-hover = 2d2d2d card = 2d2d2d shadow = 0c0c0c notification = 202020 notification-error = d32635 misc = 959595 ; ylx main-elevated = 161616 highlight-elevated = 2d2d2d highlight = 2d2d2d [gray] ; topbar topbar = 404040 topbar-text = e9e9e9 topbar-subtext = 646464 tab-active = 333333 tab-active-text = e9e9e9 tab-hover = 303030 topbar-border = 404040 ; sidebars sidebar = 383838 sidebar-text = d4d4d4 link-hover-text = e9e9e9 link-active = 4c4c4c link-active-text = e9e9e9 sidebar-border = 2f2f2f ; main view main = 383838 text = e9e9e9 subtext = aaaaaa selected-row = 6d6d6d ; player bar player = 343434 player-text = d4d4d4 player-subtext = 7f7f7f player-selected-row = 7f7f7f player-border = 2e2e2e ; accent colors button-active = 2888d7 ; others button = 898989 button-disabled = 404040 scrollbar = 494949 scrollbar-hover = a3a3a3 context-menu = 383838 context-menu-text = d4d4d4 context-menu-hover = 4c4c4c card = 4c4c4c shadow = 1e1e1e notification = 383838 notification-error = e35b5b misc = 959595 ; ylx main-elevated = 383838 highlight-elevated = 4c4c4c highlight = 444444 [gray-light] ; topbar topbar = 404040 topbar-text = e9e9e9 topbar-subtext = 646464 tab-active = 333333 tab-active-text = e9e9e9 tab-hover = 303030 topbar-border = 404040 ; sidebars sidebar = ffffff sidebar-text = 010101 link-hover-text = 010101 link-active = e1e1e1 link-active-text = 010101 sidebar-border = e9e9e9 ; main view main = ffffff text = 010101 subtext = 6d6d6d selected-row = 6d6d6d ; player bar player = ffffff player-text = 010101 player-subtext = 6d6d6d player-selected-row = 6d6d6d player-border = e9e9e9 ; accent colors button = 2888d7 button-active = 2888d7 ; others button-disabled = dfdfdf scrollbar = d9d9d9 scrollbar-hover = 4d4d4d context-menu = ffffff context-menu-text = 010101 context-menu-hover = ebebeb card = ebebeb shadow = 1e1e1e notification = ffffff notification-error = e35b5b misc = 6d6d6d ; ylx main-elevated = ffffff highlight-elevated = ebebeb highlight = ebebeb