diff --git a/src/components/ElevationScroll.tsx b/src/components/ElevationScroll.tsx
index acbc07baef..920140c42b 100644
--- a/src/components/ElevationScroll.tsx
+++ b/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
     });
 };
diff --git a/src/themes/themes.ts b/src/themes/themes.ts
index d6780dfda1..edf16a9ace 100644
--- a/src/themes/themes.ts
+++ b/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'
         }
     }
 });