fixes

blockscout · Aug 27, 2024 · d68e08e · d68e08e
1 parent 0dbfb34
commit d68e08e
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 8 deletions.
diff --git a/theme/global.ts b/theme/global.ts
@@ -7,7 +7,7 @@ import getDefaultTransitionProps from './utils/getDefaultTransitionProps';
 
 const global = (props: StyleFunctionProps) => ({
   body: {
-    bg: mode('gray.100', 'gray.700')(props),
+    bg: mode('gray.100', '#3A4957')(props),
     ...getDefaultTransitionProps(),
     '-webkit-tap-highlight-color': 'transparent',
     'font-variant-ligatures': 'no-contextual',

diff --git a/ui/shared/layout/components/Container.tsx b/ui/shared/layout/components/Container.tsx
@@ -19,7 +19,7 @@ const Container = ({ children, className }: Props) => {
       minWidth={{ base: '100vw', lg: 'fit-content' }}
       maxW={ config.UI.navigation.layout === 'horizontal' ? undefined : `${ CONTENT_MAX_WIDTH }px` }
       m="0 auto"
-      bgColor={ config.UI.navigation.layout === 'horizontal' ? bgColor : undefined }
+      bgColor={ bgColor }
     >
       { children }
     </Box>

diff --git a/ui/shared/layout/components/MainArea.tsx b/ui/shared/layout/components/MainArea.tsx
@@ -1,4 +1,4 @@
-import { Flex, chakra, useColorModeValue } from '@chakra-ui/react';
+import { Flex, chakra } from '@chakra-ui/react';
 import React from 'react';
 
 import config from 'configs/app';
@@ -14,8 +14,6 @@ const TOP_BAR_HEIGHT = 36;
 const HORIZONTAL_NAV_BAR_HEIGHT = config.UI.navigation.layout === 'horizontal' ? 49 : 0;
 
 const MainArea = ({ children, className }: Props) => {
-  const bgColor = useColorModeValue('white', 'black');
-
   return (
     <Flex
       className={ className }
@@ -27,7 +25,6 @@ const MainArea = ({ children, className }: Props) => {
         lg: `calc(100vh - ${ TOP_BAR_HEIGHT + HORIZONTAL_NAV_BAR_HEIGHT }px)`,
       }}
       alignItems="stretch"
-      bgColor={ bgColor }
     >
       { children }
     </Flex>

diff --git a/ui/snippets/footer/Footer.tsx b/ui/snippets/footer/Footer.tsx
@@ -34,7 +34,6 @@ const Footer = () => {
   const apiVersionUrl = getApiVersionUrl(backendVersionData?.backend_version);
   const issueUrl = useIssueUrl(backendVersionData?.backend_version);
   const logoColor = useColorModeValue('blue.600', 'white');
-  const bgColor = useColorModeValue('white', 'black');
 
   const BLOCKSCOUT_LINKS = [
     {
@@ -160,7 +159,6 @@ const Footer = () => {
     as: 'footer',
     borderTopWidth: '1px',
     borderTopColor: 'solid',
-    bgColor,
   };
 
   const contentProps: GridProps = {