fix(plugins): fix many bugs (in-app-menu, album-color-theme, blur-nav-bar)

src/plugins/album-color-theme/index.ts

@@ -186,7 +186,6 @@ export default createPlugin<
 
       document.body.style.setProperty('background', this.getMixedColor('#030303', COLOR_KEY), 'important');
       document.documentElement.style.setProperty('--ytmusic-background', this.getMixedColor('#030303', DARK_COLOR_KEY), 'important');
-      document.documentElement.style.setProperty('--ytmusic-nav-bar', this.getMixedColor('#030303', DARK_COLOR_KEY), 'important');
     },
   },
 });

src/plugins/album-color-theme/style.css

@@ -53,15 +53,19 @@ ytmusic-app-layout > [slot='player-page'] {
 .icon.ytmusic-menu-navigation-item-renderer {
   color: rgba(255, 255, 255, 0.5) !important;
 }
+
 .menu.ytmusic-player-bar {
   --iron-icon-fill-color: rgba(255, 255, 255, 0.5) !important;
 }
+
 ytmusic-player-bar {
   color: rgba(255, 255, 255, 0.5) !important;
 }
+
 .time-info.ytmusic-player-bar {
   color: rgba(255, 255, 255, 0.5) !important;
 }
+
 .volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar {
   --paper-slider-container-color: rgba(255, 255, 255, 0.5) !important;
 }
@@ -70,12 +74,16 @@ ytmusic-player-bar {
 ytmusic-fullbleed-thumbnail-renderer img {
   mask: linear-gradient(to bottom, #000 0%, #000 50%, transparent 100%);
 }
-.background-gradient.style-scope {
+
+.background-gradient.style-scope,
+ytmusic-app-layout[is-bauhaus-sidenav-enabled] #mini-guide-background.ytmusic-app-layout {
   background: var(--ytmusic-background) !important;
 }
+
 ytmusic-browse-response[has-background]:not([disable-gradient]) .background-gradient.ytmusic-browse-response {
   background: unset !important;
 }
+
 #background.immersive-background.style-scope.ytmusic-browse-response {
   opacity: 0.6;
 }

src/plugins/blur-nav-bar/index.ts

@@ -1,11 +1,24 @@
 import { createPlugin } from '@/utils';
-import style from './style.css?inline';
+
 import { t } from '@/i18n';
 
+import style from './style.css?inline';
+
 export default createPlugin({
   name: () => t('plugins.blur-nav-bar.name'),
   description: () => t('plugins.blur-nav-bar.description'),
-  restartNeeded: true,
-  stylesheets: [style],
-  renderer() {},
+  restartNeeded: false,
+  renderer: {
+    styleSheet: null as CSSStyleSheet | null,
+
+    async start() {
+      this.styleSheet = new CSSStyleSheet();
+      await this.styleSheet.replace(style);
+
+      document.adoptedStyleSheets = [...document.adoptedStyleSheets, this.styleSheet];
+    },
+    async stop() {
+      await this.styleSheet?.replace('');
+    },
+  },
 });

src/plugins/in-app-menu/renderer/IconButton.tsx

@@ -4,6 +4,8 @@ import { css } from 'solid-styled-components';
 import { cache } from '@/providers/decorators';
 
 const iconButton = cache(() => css`
+  -webkit-app-region: none;
+
   background: transparent;
 
   width: 24px;