diff --git a/plugins/picture-in-picture/back.js b/plugins/picture-in-picture/back.js index 63391527..2ece49e3 100644 --- a/plugins/picture-in-picture/back.js +++ b/plugins/picture-in-picture/back.js @@ -15,8 +15,6 @@ const togglePiP = async (win) => { isInPiPMode = !isInPiPMode; if (isInPiPMode) { - injectCSS(win.webContents, path.join(__dirname, "style.css")); - originalPosition = win.getPosition(); originalSize = win.getSize(); @@ -52,6 +50,7 @@ const togglePiP = async (win) => { }; module.exports = (win) => { + injectCSS(win.webContents, path.join(__dirname, "style.css")); ipcMain.on("picture-in-picture", async () => { await togglePiP(win); }); diff --git a/plugins/picture-in-picture/style.css b/plugins/picture-in-picture/style.css index de6a9ace..d944e4cc 100644 --- a/plugins/picture-in-picture/style.css +++ b/plugins/picture-in-picture/style.css @@ -5,3 +5,9 @@ body { button { -webkit-app-region: no-drag; } + +ytmusic-player-bar.pip svg, +ytmusic-player-bar.pip yt-formatted-string { + filter: drop-shadow(2px 4px 6px black); + color: white; +}