Updated Background color/Logo (#103)

* Updated Background color/Logo * color fix
zippiehq · Apr 14, 2023 · d4a0c16 · d4a0c16
1 parent d473bdd
commit d4a0c16
Show file tree

Hide file tree

Showing 7 changed files with 70 additions and 53 deletions.
diff --git a/src/assets/images/tosiscan-background-1x.jpg b/src/assets/images/tosiscan-background-1x.jpg
diff --git a/src/assets/images/tosiscan-bg-1440x88-2x-min.jpg b/src/assets/images/tosiscan-bg-1440x88-2x-min.jpg
diff --git a/src/assets/images/tosiscan-logo-center.svg b/src/assets/images/tosiscan-logo-center.svg
diff --git a/src/assets/images/tosiscan-logo-header.svg b/src/assets/images/tosiscan-logo-header.svg
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -5,7 +5,7 @@ import { AppBar, Container, Toolbar, Link, List, ListItem } from '@mui/material'
 import { styled } from '@mui/system'
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'
 
-import { ReactComponent as Logo } from '../assets/images/logo-tosi-scan-white.svg'
+import { ReactComponent as Logo } from '../assets/images/tosiscan-logo-header.svg'
 import { ReactComponent as LogoColors } from '../assets/images/logo-tosi-scan-colors.svg'
 import { theme } from '../theme'
 
@@ -76,9 +76,11 @@ const Header = () => {
                 sx={{
                   paddingY: 1.25,
                   paddingX: 2,
-                  border: isDark ? '1px solid rgba(236, 253, 243, 0.5)' : '1px solid rgba(16, 24, 40, 0.05)',
+                  border: '1px solid',
+                  borderColor: isDark ? '#D4EF33 #D4EF33 #00D1FF  #00D1FF  ' : ' rgba(16, 24, 40, 0.05)',
                   borderRadius: '100px',
                   color: isDark ? 'white' : 'grey.800',
+                  backgroundColor: isDark ? '#081010' : 'white',
                 }}
               >
                 Become a publisher