fix: added style for global header

Signed-off-by: Yi Cai <yicai@redhat.com>
redhat-developer · Feb 5, 2025 · 10ab3b5 · 10ab3b5
1 parent 10cdcbe
commit 10ab3b5
Showing 1 changed file with 13 additions and 1 deletion.
diff --git a/src/themes/rhdh/components.ts b/src/themes/rhdh/components.ts
@@ -97,6 +97,18 @@ export const components = (themeConfig: ThemeConfig): Components => {
     };
   }
 
+  // MUI AppBar
+  if (options.headers !== "mui") {
+    components.MuiAppBar = {
+      styleOverrides: {
+        root: {
+          backgroundColor: general.sidebarBackgroundColor,
+          backgroundImage: "none",
+        },
+      },
+    }
+  }
+
   // MUI buttons
   // Don't disableRipple for MuiButtonBase as it will affect all the buttons
   // and we need to ensure that the buttons have a right touch and focus styling.
@@ -466,7 +478,7 @@ export const components = (themeConfig: ThemeConfig): Components => {
       styleOverrides: {
         drawer: {
           backgroundColor:
-            general.sidebarBackgroundColor ?? general.sideBarBackgroundColor,
+            general.sidebarBackgroundColor ?? general.sidebarBackgroundColor,
           '& a[class*="BackstageSidebarItem-selected-"]': {
             backgroundColor: general.sidebarItemSelectedBackgroundColor,
           },