diff --git a/src/components/navigation/NavMenu/Display/index.tsx b/src/components/navigation/NavMenu/Display/index.tsx index 789442f..ae86a85 100644 --- 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 index bceb4a7..291dcec 100644 --- 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, }, })); \ No newline at end of file diff --git a/src/theme/Palette/index.tsx b/src/theme/Palette/index.tsx index bf15c72..e26ecc9 100644 --- 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, + }, }