update: Logo color

Brahmware · Aug 27, 2023 · 62ed73d · 62ed73d
1 parent f5e7c0a
commit 62ed73d
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 7 deletions.
diff --git a/src/components/navigation/NavMenu/Display/index.tsx b/src/components/navigation/NavMenu/Display/index.tsx
@@ -33,13 +33,17 @@ const DisplayWrapper = styled('div')(({ theme }) => ({
 }));
 
 const StyledImage = styled(Image)(({ theme }) => ({
-  zIndex: 1,
+  zIndex: theme.Shadows.lower.zIndex,
+  height: 620,
+  width: 430,
+  objectFit: 'contain',
+  objectPosition: 'center',
 }));
 
 const StyledVideo = styled('video')(({ theme }) => ({
   position: 'absolute',
   width: 380,
-  height: 320,
+  height: 324,
   objectFit: 'cover',
   zIndex: -1,
   transform: 'scale(0.6) translateX(-7rem) translateY(-2.5rem)',
@@ -56,10 +60,8 @@ const Display = () => {
         priority
         src='/images/navigation-menu-tv.png'
         alt='tv'
-        height={320}
-        width={430}
-        objectFit='contain'
-        objectPosition='center'
+        height={620 * 2}
+        width={430 * 2}
         onLoad={(e) => {
           e.currentTarget.classList.add('loaded')
         }}

diff --git a/src/icons/logo/IMSLogoFull.tsx b/src/icons/logo/IMSLogoFull.tsx
@@ -139,6 +139,6 @@ export default styled(IMSLogoFull)(({ theme }) => ({
   width: '100%',
   height: '100%',
   '& .word__mark': {
-    fill: theme.Colors.slogan,
+    fill: theme.palette.text.primary,
   },
 }));
diff --git a/src/theme/Palette/index.tsx b/src/theme/Palette/index.tsx
@@ -35,6 +35,10 @@ export const customPaletteLight: CustomPaletteOptions = {
     main: colors.kolapata,
     contrastText: colors.white,
   },
+  text: {
+    primary: colors.black,
+    secondary: colors.bhasma,
+  },
 }
 
 export const customPaletteDark: CustomPaletteOptions = {
@@ -65,4 +69,8 @@ export const customPaletteDark: CustomPaletteOptions = {
     main: colors.kolapata,
     contrastText: colors.white,
   },
+  text: {
+    primary: colors.slogan,
+    secondary: colors.matmaila,
+  },
 }