smueller/youtube-music
1
0
Fork 0
mirror of https://github.com/th-ch/youtube-music.git synced 2026-01-16 20:52:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(album-color-theme): dynamic lightness

Browse Source
This commit is contained in:
JellyBrick
2023-09-30 15:16:04 +09:00
parent 8d475eda0a
commit 92ecf6a0b0
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
plugins/album-color-theme/front.ts
View File

@ -77,7 +77,7 @@ export default () => {
if (mutation.type === 'attributes') { if (mutation.type === 'attributes') {
const isPageOpen = ytmusicAppLayout?.hasAttribute('player-page-open'); const isPageOpen = ytmusicAppLayout?.hasAttribute('player-page-open');
if (isPageOpen) { if (isPageOpen) {
changeElementColor(sidebarSmall, hue, saturation, 30); changeElementColor(sidebarSmall, hue, saturation, lightness - 25);
} else { } else {
if (sidebarSmall) { if (sidebarSmall) {
sidebarSmall.style.backgroundColor = 'black'; sidebarSmall.style.backgroundColor = 'black';
@ -94,16 +94,16 @@ export default () => {
ipcRenderer.on('album-color-changed', (_, albumColor: FastAverageColorResult) => { ipcRenderer.on('album-color-changed', (_, albumColor: FastAverageColorResult) => {
if (albumColor) { if (albumColor) {
[hue, saturation, lightness] = hexToHSL(albumColor.hex); [hue, saturation, lightness] = hexToHSL(albumColor.hex);
changeElementColor(playerPage, hue, saturation, 30); changeElementColor(playerPage, hue, saturation, lightness - 25);
changeElementColor(navBarBackground, hue, saturation, 15); changeElementColor(navBarBackground, hue, saturation, lightness - 15);
changeElementColor(ytmusicPlayerBar, hue, saturation, 15); changeElementColor(ytmusicPlayerBar, hue, saturation, lightness - 15);
changeElementColor(playerBarBackground, hue, saturation, 15); changeElementColor(playerBarBackground, hue, saturation, lightness - 15);
changeElementColor(sidebarBig, hue, saturation, 15); changeElementColor(sidebarBig, hue, saturation, lightness - 15);
if (ytmusicAppLayout?.hasAttribute('player-page-open')) { if (ytmusicAppLayout?.hasAttribute('player-page-open')) {
changeElementColor(sidebarSmall, hue, saturation, 30); changeElementColor(sidebarSmall, hue, saturation, lightness - 25);
} }
const ytRightClickList = document.querySelector<HTMLElement>('tp-yt-paper-listbox'); const ytRightClickList = document.querySelector<HTMLElement>('tp-yt-paper-listbox');
changeElementColor(ytRightClickList, hue, saturation, 15); changeElementColor(ytRightClickList, hue, saturation, lightness - 15);
} else { } else {
if (playerPage) { if (playerPage) {
playerPage.style.backgroundColor = '#000000'; playerPage.style.backgroundColor = '#000000';