fix(ui-top-nav-bar): change topnavbar secondary color to porcelaine

Closes: INSTUI-4036 topnavbar secondary color changes
instructure · Apr 17, 2024 · 4284cc0 · 4284cc0
1 parent acc0672
commit 4284cc0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/ui-top-nav-bar/src/TopNavBar/TopNavBarLayout/DesktopLayout/theme.ts b/packages/ui-top-nav-bar/src/TopNavBar/TopNavBarLayout/DesktopLayout/theme.ts
@@ -39,7 +39,7 @@ const generateComponentTheme = (theme: Theme): TopNavBarLayoutDesktopTheme => {
     desktopFontWeight: typography?.fontWeightNormal,
 
     desktopBackground: colors?.backgroundBrandSecondary,
-    desktopBackgroundInverse: colors?.backgroundLightest,
+    desktopBackgroundInverse: colors?.backgroundLight,
     desktopBottomBorder: 'none',
     desktopBottomBorderInverse: `${borders?.widthSmall} ${borders?.style} ${colors?.borderMedium}`,
     desktopHeight: '4rem',

diff --git a/packages/ui-top-nav-bar/src/TopNavBar/TopNavBarLayout/SmallViewportLayout/theme.ts b/packages/ui-top-nav-bar/src/TopNavBar/TopNavBarLayout/SmallViewportLayout/theme.ts
@@ -41,7 +41,7 @@ const generateComponentTheme = (
     smallViewportFontWeight: typography?.fontWeightNormal,
 
     smallViewportBackground: colors?.backgroundBrandSecondary,
-    smallViewportBackgroundInverse: colors?.backgroundLightest,
+    smallViewportBackgroundInverse: colors?.backgroundLight,
     smallViewportBottomBorder: 'none',
     smallViewportBottomBorderInverse: `${borders?.widthSmall} ${borders?.style} ${colors?.borderMedium}`,
     smallViewportHeight: '3.5rem',