Update

AppChrome: Use canvas bg for topnav
2025-12-20 16:54:59 +08:00 · 2025-12-10 16:38:09 +01:00 · 2025-12-10 16:27:30 +01:00
3 changed files with 3 additions and 2 deletions
--- a/public/app/core/components/AppChrome/AppChrome.tsx
+++ b/public/app/core/components/AppChrome/AppChrome.tsx
@@ -231,7 +231,7 @@ const getStyles = (theme: GrafanaTheme2, headerLevels: number, headerHeight: num
      zIndex: theme.zIndex.navbarFixed,
      left: 0,
      right: 0,
-      background: theme.colors.background.primary,
+      background: theme.colors.background.canvas,
      flexDirection: 'column',
    }),
    topNavMenuDocked: css({
--- a/public/app/core/components/AppChrome/MegaMenu/MegaMenuHeader.tsx
+++ b/public/app/core/components/AppChrome/MegaMenu/MegaMenuHeader.tsx
@@ -69,6 +69,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
  header: css({
    alignItems: 'center',
    borderBottom: `1px solid ${theme.colors.border.weak}`,
+    background: theme.colors.background.canvas,
    display: 'flex',
    gap: theme.spacing(1),
    justifyContent: 'space-between',
--- a/public/app/core/components/AppChrome/TopBar/SingleTopBar.tsx
+++ b/public/app/core/components/AppChrome/TopBar/SingleTopBar.tsx
@@ -122,7 +122,7 @@ const getStyles = (theme: GrafanaTheme2, menuDockedAndOpen: boolean) => ({
    gap: theme.spacing(2),
    alignItems: 'center',
    padding: theme.spacing(0, 1),
-    paddingLeft: menuDockedAndOpen ? theme.spacing(3.5) : theme.spacing(0.75),
+    paddingLeft: menuDockedAndOpen ? theme.spacing(2) : theme.spacing(0.75),
    borderBottom: `1px solid ${theme.colors.border.weak}`,
    justifyContent: 'space-between',
  }),
Author	SHA1	Message	Date
Torkel Ödegaard	1b83f5c410	Update	2025-12-10 16:38:09 +01:00
Torkel Ödegaard	176320a30b	AppChrome: Use canvas bg for topnav	2025-12-10 16:27:30 +01:00