From 4415927465fc87bc6627c162de71f0f24b5f0d04 Mon Sep 17 00:00:00 2001
From: Lina Fadhli <133816965+luluna02@users.noreply.github.com>
Date: Sat, 20 Apr 2024 15:52:01 +0100
Subject: [PATCH] fix nav bar color change onscroll

---
 src/plugins/in-app-menu/renderer/TitleBar.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/plugins/in-app-menu/renderer/TitleBar.tsx b/src/plugins/in-app-menu/renderer/TitleBar.tsx
index 33795b50..c9db6250 100644
--- a/src/plugins/in-app-menu/renderer/TitleBar.tsx
+++ b/src/plugins/in-app-menu/renderer/TitleBar.tsx
@@ -270,8 +270,21 @@ export const TitleBar = (props: TitleBarProps) => {
 
     // tracking mouse position
     window.addEventListener('mousemove', listener);
+    const ytmusicAppLayout = document.querySelector<HTMLElement>('#layout');
+    ytmusicAppLayout?.addEventListener("scroll",()=>{
+    const scrollValue = ytmusicAppLayout.scrollTop;
+    if (scrollValue > 20){
+      ytmusicAppLayout.classList.add("content-scrolled");
+    }
+    else{
+      ytmusicAppLayout.classList.remove("content-scrolled");
+    }
+    })
+
   });
 
+  
+
   createEffect(() => {
     if (!menu() && data()) {
       setMenu(data() ?? null);