update color scheme on landing page

Citizen-Knowledge-Graph · Nov 10, 2024 · 0106c30 · 0106c30
1 parent dc0b162
commit 0106c30
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 5 deletions.
diff --git a/src/screens/landing-page/sections/LandingPageFact.js b/src/screens/landing-page/sections/LandingPageFact.js
@@ -10,7 +10,7 @@ const LandingPageFact = ({isDesktop}) => {
     const { t } = useTranslation();
 
     return (
-        <LandingPageSectionWrapper isDesktop={isDesktop}>
+        <LandingPageSectionWrapper backgroundColor={'white'} isDesktop={isDesktop}>
             <LandingPageSectionGrid>
                 <VStack justifyContent={'center'} alignItems={'center'} sx={{minHeight: 350}}>
                     <HStack>

diff --git a/src/screens/landing-page/sections/feedback/LandingPageFeedback.js b/src/screens/landing-page/sections/feedback/LandingPageFeedback.js
@@ -9,7 +9,7 @@ const LandingPageFeedback = ({isDesktop}) => {
     const { t } = useTranslation();
 
     return (
-        <LandingPageSectionWrapper isDesktop={isDesktop}>
+        <LandingPageSectionWrapper backgroundColor={'white'} isDesktop={isDesktop}>
             <LandingPageSectionGrid title={t('home.feedback.header')}>
                 <Typography sx={styles.text}>
                     {t('home.feedback.text')}

diff --git a/src/screens/landing-page/sections/footer/LandingPageFooter.js b/src/screens/landing-page/sections/footer/LandingPageFooter.js
@@ -5,7 +5,7 @@ import LandingPageFooterMobile from "./views/LandingPageFooterMobile";
 
 const LandingPageFooter = ({isDesktop}) => {
     return (
-        <LandingPageSectionWrapper isDesktop={isDesktop}>
+        <LandingPageSectionWrapper backgroundColor={'white'} isDesktop={isDesktop}>
             {isDesktop ? <LandingPageFooterDesktop/> : <LandingPageFooterMobile/>}
         </LandingPageSectionWrapper>
     )

diff --git a/src/screens/landing-page/sections/funding/LandingPageFunding.js b/src/screens/landing-page/sections/funding/LandingPageFunding.js
@@ -9,7 +9,7 @@ const LandingPageFunding = ({isDesktop}) => {
     const {t} = useTranslation();
 
     return (
-        <LandingPageSectionWrapper isDesktop={isDesktop}>
+        <LandingPageSectionWrapper backgroundColor={'white'} isDesktop={isDesktop}>
             <LandingPageSectionGrid title={t('home.supportedBy.header')}>
                 <LandingPageSupportCardNGI isDesktop={isDesktop}/>
                 <LandingPageSupportCard isDesktop={isDesktop}/>

diff --git a/src/screens/landing-page/sections/principles/components/LandingPagePrincipleCard.js b/src/screens/landing-page/sections/principles/components/LandingPagePrincipleCard.js
@@ -28,7 +28,14 @@ const LandingPagePrincipleCard = ({isDesktop, icon, gif, title, text, gifFirst=t
         return (
             <HStack justifyContent={'center'}>
                 {gif ? (
-                    <img src={gifUrl} alt="gif" style={{width: '140px', height: '140px', borderRadius: '4px'}}/>
+                    <img src={gifUrl} alt="gif" style={{
+                        width: '140px',
+                        height: '140px',
+                        borderRadius: '4px',
+                        borderStyle: 'solid',
+                        borderWidth: '1px',
+                        borderColor: globalStyles.primaryColor,
+                    }}/>
                 ) : (
                     React.createElement(icon, {sx: {fontSize: 120, color: globalStyles.secondaryColor}})
                 )}