main app background color change - #533

impactoss · Feb 14, 2024 · e323b8c · e323b8c
1 parent 8ad9a2e
commit e323b8c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/app/containers/App/index.js b/app/containers/App/index.js
@@ -51,7 +51,7 @@ const Main = styled.div`
   left: 0;
   right: 0;
   bottom:0;
-  background-color: ${(props) => props.isHome ? 'transparent' : palette('light', 0)};
+  background-color: ${(props) => props.isHome ? 'transparent' : palette('mainBackground', 0)};
   overflow: hidden;
 
   @media (min-width: ${(props) => props.theme.breakpoints.small}) {
@@ -104,7 +104,7 @@ class App extends React.PureComponent { // eslint-disable-line react/prefer-stat
       label: intl.formatMessage(messages.frameworks.all),
       active: (activeId === 'all') || frameworks.size === 0,
     });
-  }
+  };
 
   prepareMainMenuItems = (
     isManager,
@@ -176,7 +176,7 @@ class App extends React.PureComponent { // eslint-disable-line react/prefer-stat
       ]);
     }
     return navItems;
-  }
+  };
 
   render() {
     const {

diff --git a/app/themes/theme-base.js b/app/themes/theme-base.js
@@ -196,6 +196,8 @@ theme.palette = {
   // UI PALETTES //////////////////////////////////////////////////////////////
   //
 
+  // main background
+  mainBackground: ['#f2f3f4'],
   // text
   // [#primaryFont, #secondaryFont, #inverse]
   text: [dark[0], dark[1], primary[4]],