Fix AppBar background colors

src/components/ElevationScroll.tsx

@@ -13,7 +13,7 @@ const ElevationScroll = ({ children, elevate = false }: { children: ReactElement
     const isElevated = elevate || trigger;
 
     return React.cloneElement(children, {
-        color: isElevated ? 'primary' : 'transparent',
+        color: isElevated ? 'default' : 'transparent',
         elevation: isElevated ? 4 : 0
     });
 };

src/themes/themes.ts

@@ -57,6 +57,9 @@ const blueradiance = buildCustomColorScheme({
     palette: {
         background: {
             paper: '#011432'
+        },
+        AppBar: {
+            defaultBg: '#011432'
         }
     }
 });
@@ -89,6 +92,9 @@ const purplehaze = buildCustomColorScheme({
         },
         secondary: {
             main: '#ff77f1'
+        },
+        AppBar: {
+            defaultBg: '#000420'
         }
     }
 });
@@ -98,6 +104,9 @@ const wmc = buildCustomColorScheme({
     palette: {
         background: {
             paper: '#0c2450'
+        },
+        AppBar: {
+            defaultBg: '#0c2450'
         }
     }
 });