diff --git a/public/assets/images/planetDarkLogo.svg b/public/assets/images/planetDarkLogo.svg
new file mode 100644
index 0000000000..35175a6f7e
--- /dev/null
+++ b/public/assets/images/planetDarkLogo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384.86 387.12"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#688816;}</style></defs><g id="Ebene_12_Kopie" data-name="Ebene 12 Kopie"><path class="cls-1" d="M377.24,122.81l-1.74-16.75a4.83,4.83,0,0,0-4.79-4.32,4.36,4.36,0,0,0-.51,0L338,105.16a34.6,34.6,0,0,0-15.62-6.55c-.09-4.87-1.25-16.12-9.39-25.32-5.67-6.42-13.6-10.27-23-11.15-1.63-9.88-5.3-19.06-10.37-25.92l-.18-1.69,5.29-.55a4.82,4.82,0,0,0,4.29-5.3L287.29,12a4.76,4.76,0,0,0-1.75-3.24,4.88,4.88,0,0,0-3-1.07l-.5,0-50.2,5.27a4.77,4.77,0,0,0-3.24,1.76,4.82,4.82,0,0,0-1.05,3.54l.76,7.21-1,.43-9.24-9.62a4.85,4.85,0,0,0-3.47-1.48,4.36,4.36,0,0,0-.51,0l-16.95,1.77a4.87,4.87,0,0,0-3.24,1.76,4.77,4.77,0,0,0-1,3.54l.33,3.17.36,3.57c-.49,0-1,0-1.49.08l-4-8A4.8,4.8,0,0,0,183.71,18a4.35,4.35,0,0,0-.51,0l-17.72,1.85a4.84,4.84,0,0,0-4.15,3.55L157.9,36.19a38.71,38.71,0,0,0-11.22-1.94l-.78-7.44a4.81,4.81,0,0,0-4.79-4.32,4.36,4.36,0,0,0-.51,0l-18.58,2a4.82,4.82,0,0,0-4,3.06,27.52,27.52,0,0,0-9.2-1.48,37.92,37.92,0,0,0-3.92.21L83,28.57a4.82,4.82,0,0,0-4.29,5.29l5.08,48.36c-13,9.16-15.62,22.25-13.94,34.24-9.62,2.75-21.35,10-26.55,19.71l-31.43,3.3a4.83,4.83,0,0,0-4.29,5.3L9.38,161.5a4.81,4.81,0,0,0,4.79,4.32,4.36,4.36,0,0,0,.51,0l5.29-.56,3.33,31.84a4.81,4.81,0,0,0,4.79,4.32l.51,0,2.43-.25c-3.09,8.84-2.22,19.35,2.42,29a45.82,45.82,0,0,0,41.72,25.95,53.8,53.8,0,0,0,6.16-.36c6,9.55,19.68,10.67,29.47,10.67,4.21,0,8.93-.24,14.76-.73l2.87,23.61-4.79,40.88L113.88,356l-10.21,3.84a4.26,4.26,0,0,0-2.62,5.06l3,11.41a4.27,4.27,0,0,0,4.11,3.17,4.29,4.29,0,0,0,1.54-.29l21.83-8.5a4.23,4.23,0,0,0,2.56-2.84L148,317.11l20,50.18a4.26,4.26,0,0,0,4,2.68,4.2,4.2,0,0,0,1.54-.29l30-11.6a4.25,4.25,0,0,0,2.71-4.15l-.76-17.24,8.31-26.87,20.14,50.55a4.26,4.26,0,0,0,3.95,2.68,4.42,4.42,0,0,0,1.54-.29l30-11.62A4.23,4.23,0,0,0,272,347l-.69-15.71,7.36-27.79,19.95,50.08a4.26,4.26,0,0,0,3.95,2.68,4.11,4.11,0,0,0,1.53-.29l30-11.63a4.25,4.25,0,0,0,2.71-4.15l-.69-15.67a4.23,4.23,0,0,0-4.25-4.06,4.11,4.11,0,0,0-1.21.17l-14,4.16L295.05,289.1l-8.79-40c15.8-1.52,32.94-4.64,41.52-19,18.56-2.12,31.67-16.87,36.44-30.6,4.18-12,2.95-24-3.35-33l5.84-.62a4.82,4.82,0,0,0,4.29-5.29l-3.33-31.87,5.28-.55A4.82,4.82,0,0,0,377.24,122.81ZM189.51,323.22l-4.91,13-20.21-33.39-9-40.74,36-3.78,2.94,24Zm64.8-6.82-4.46,11.84-19.6-32.33-9-40.84,34.88-3.66,2.93,24.1Z"/></g><g id="Ebene_4" data-name="Ebene 4"><path class="cls-2" d="M314.73,329.79,291.05,290.7,279.8,239.48l59.13-47.85-7.51-13.08-14.78,19,.68-15-6.63-.47-.83,18.07-35.4,32.08L269.67,216l-9.06,1,1.23,17.86L244.7,222.28l29.45-23.82-7.52-13.11-14.78,19,.68-15-6.64-.47-.84,18.09-9.52,8.64-15.37-11.22-5-12.38-1.53.36,2.58,9.3-14.87-10.06L186,211.26l.65-15-6.64-.47-.81,18.07-9,8.15-14.82-10.83-5.06-12.37-1.52.35,2.27,8.22-19.57-7.93-5.24,11.69,35.26,18.73-17.73,16.06L139,229.71l-9,.94,1.23,17.87L89.51,218.09l-5.05-12.37-1.54.36,2.27,8.23-19.56-8-5.27,11.71,68.09,36.13,4.27,35.05-4.92,41.91-10.62,28.16-12,4.52,3,11.4L130,366.74l17.22-63,24.69,62,30-11.6-.79-18,12.09-39.08,24.59,61.73,30-11.61L267,330.82l.06-.24L277.85,290,302.56,352l30-11.64-.69-15.66ZM198.57,282.53l-4.89,41.71-7,18.5-2.62.8-23.68-39.1-11.26-51.22,22.34-18.07,22.85,12.11,4.28,35.08ZM209.67,239l-4.8-16.23-9.06.95,1.24,17.88L179.4,228.72l22.83-18.45,24.68,13.11Zm53.68,36.69-4.88,41.71-.07.19-6.51,17.27-2.53.77-23.11-38.13-.06-.26-11.19-51,21.84-17.65,22.27,11.82,4.27,35Zm-5.18-47.57-.83-11.95-7.38,6Zm-73.51.46,8.72,6.36-.88-12.69Zm17.94-14.5-8.11,6.55,12.7-1.33,4.1,13.89,10.08-9.13ZM171.83,239l-19.16,15.49.77,3.46,38.45-4-.56-4.58Zm65.38-6.51-18.66,15.07.76,3.47,37.37-3.93-.55-4.57ZM197.88,99.23c-.7-6.61-7.51-11.76-14.57-11a13.65,13.65,0,0,0-9,4.76,12.17,12.17,0,0,0-3,9,14.44,14.44,0,0,0,4.95,9.64,12.89,12.89,0,0,0,8.19,3.06s.8,0,1.55-.08,1.64-.25,1.64-.25C194.33,112.89,198.64,106.65,197.88,99.23ZM176.63,41.31,173.1,57l10.16-1.06Zm-73,15c4.31-.47,8.77-.95,8.17-6.67-.63-6-4.7-5.54-9.4-5.05l-2.06.21,1.23,11.73ZM168,141.85c-1.72-.6-4-.36-6.22-.12h0l-2.06.21L161,153.66l2.06-.21c4.31-.46,8.77-.93,8.17-6.67C170.89,144.07,169.89,142.5,168,141.85ZM372.45,123.3l-.33-3.19L371,109.76l-.33-3.2-3.19.34-30.7,3.23c-4.76-4.27-13.11-7.11-19.47-7.24,1.57-12.7-5.06-36.09-31.56-36.12-1.06-10.06-4.68-21-10.8-28.69l-.82-7.84,6.9-.72,3.19-.33-.34-3.2-1.08-10.34-.34-3.19-3.18.33L247.7,16.11l-12.21,1.28-3.19.33.34,3.2.8,7.62a70.82,70.82,0,0,0-7.21,3.18l-10.57-11-1.08-1.13-1.56.16L200.81,21l-3.19.33.34,3.2.91,9a42,42,0,0,0-9.66.27l-4.51-9-1-2-2.21.24-13.33,1.39-2.19.23-.57,2.13-4.36,16.26c-4.59-3.16-11.34-4.35-18.71-4l-.9-8.61-.33-3.19-3.19.34-12.21,1.29-3.18.33.33,3.19.45,4.28A15.46,15.46,0,0,0,120.24,34c-3.82-2.57-8.81-3.56-14.83-2.93L86.73,33l-3.19.33.34,3.19,4.94,47,.08.84C75.72,91.89,71.56,108.26,75.67,120c-11.19,1.84-24.06,10-29.77,20.75l-2,.2h0l-28.33,3-3.19.33.34,3.2,1.08,10.35.34,3.19,3.19-.34,6.9-.73,3.5,33.45.33,3.19,3.19-.33,8.33-.88c-16.42,20.55,4.87,62.27,44.49,55.06,4.15,11.76,21.79,12.1,41.92,10.34l-.55-4.52L56.2,219.48,64,202.21l16.39,6.67L79,203.71,86.39,202,92.13,216l35.38,25.84-1-14.09,14.77-1.54,4.1,13.88L156,230.55l-33.88-18,7.74-17.24L146.24,202l-1.43-5.16,7.43-1.74L158,209.11l12,8.76,6.07-5.5.9-20,13,.92-.35,8.09,11-14.12,10.14,6.86L209.6,190l7.44-1.74,5.75,14.08,12.52,9.14,6.6-6,.93-20,13,.9-.36,8.08L267,179.61l11.26,19.62-17.92,14.49L272,212.49l4.11,13.9,30.63-27.76.92-20,13,.92-.36,8.08,11.52-14.8,11.26,19.6-59.72,48.32.81,3.7c16.58-1.5,33.49-4.29,40.62-19,31.09-1.42,47-39.62,30.67-59.52-2.46-3-3.89-3.39-3.89-3.39l11.45-1.2,3.19-.34-.33-3.19-3.51-33.47,6.89-.72ZM213.35,23,238.86,49.5l-3-28.92,43-4.51,1.09,10.34-10.09,1.06,3.84,36.66L261.5,65.42l-3.85-36.66-8.53.89L253,66.3l-12.21,1.29L215.25,41l3,29-12.19,1.19-4.92-46.92Zm15.46,97.58-12.21,1.28-4.93-47,18.25-1.93c4.81-.5,9,.28,12,2.25,3.33,2.16,5.34,5.79,5.83,10.51.65,6.11-1.88,11.17-6.76,13.54l-2,1,16.63,17.55-15.2,1.59-13.55-17ZM138.25,30.84,142.1,67.5l16.17-1.7,10.24-38.15,13.33-1.39,22.62,45.15-13,1.36-3.91-7.84-16.81,1.78-2.38,8.49L131,79.14l-4.93-47ZM87.06,36.22l18.69-2c5.25-.55,9.52.25,12.7,2.39,3.43,2.31,5.44,6.11,6,11.29.57,5.41-.45,9.64-3,12.58s-6.49,4.54-11.91,5.11l-6.92.73L104.2,82,92,83.22ZM82.19,187.66l-2-19.27-17.62,1.85,2,19.26-12.2,1.29-3.83-36.63-9.23,1,3.84,36.63L31,193.05l-3.84-36.64L17,157.47l-1.09-10.35,43.72-4.6,1.9,18.12,17.62-1.85-1.91-18.11,12.22-1.3,4.92,47Zm18-1.89-4.92-47L122,136,123,146.31l-14.5,1.52.83,7.85,13.75-1.46,1.08,10.35L110.46,166l.84,8.1,14.49-1.51L126.87,183Zm44-56.33-12.2,1.3-4.93-47,27-2.83,1.08,10.35L140.34,92.8l.83,7.85,13.38-1.41,1.09,10.35L142.26,111Zm36.64,28.22c-2.48,2.82-6.47,4.54-11.87,5.11l-5.37.58-1.59.17,1.63,15.57-12.21,1.29-4.92-47,18.68-2c11-1.16,17.63,3.69,18.68,13.67C184.42,150.49,183.4,154.72,180.82,157.66Zm-22.18-54.37A23.16,23.16,0,0,1,164.72,85a27.6,27.6,0,0,1,36.1-3.8,23.21,23.21,0,0,1,9.75,16.61,25.11,25.11,0,0,1-23.25,28.62h0C172.25,128,160.2,118.3,158.64,103.29Zm138.43,61.78-25.53-26.61,3,29-12.21,1.28h0l-11.52,1.22-3.9-7.86-16.8,1.78-2.4,8.51-12.94,1.36h0l-24.42,2.57-4.93-47L197.67,128l3.85,36.66,16.17-1.7,10.24-38.14,13.33-1.4L261.88,164l-4.42-42.26,12.2-1.27L295.16,147l-3-28.9,12.19-1.29,4.94,47Zm61.78-43.57,3.84,36.66-12.2,1.29-3.86-36.67-23.21,2.46.82,7.84L338,131.64,339.08,142l-13.75,1.45.85,8.11,14.5-1.54,1.1,10.37-26.72,2.79-4.93-47,26.06-2.73,31.66-3.34,1.08,10.35ZM232.51,154.14l10.16-1.06L236,138.45Zm-6-71.4-1.62.15,1.23,11.75,1.62-.19c3.73-.46,7.95-1.63,7.42-6.7C234.72,83.83,232,82.24,226.48,82.74Z"/></g></svg>
\ No newline at end of file
diff --git a/src/features/common/InputTypes/ToggleSwitch.tsx b/src/features/common/InputTypes/ToggleSwitch.tsx
index 61c27daf89..3634399ca6 100644
--- a/src/features/common/InputTypes/ToggleSwitch.tsx
+++ b/src/features/common/InputTypes/ToggleSwitch.tsx
@@ -13,7 +13,9 @@ export default function ToggleSwitch(props: any) {
       },
     },
     checked: {},
-    track: {},
+    track: {
+      backgroundColor: '#787878',
+    },
   })(Switch);
   return (
     <ToggleSwitch
diff --git a/src/features/common/Layout/Navbar/index.tsx b/src/features/common/Layout/Navbar/index.tsx
index 6efebe2cd1..c6f8e3f9a9 100644
--- a/src/features/common/Layout/Navbar/index.tsx
+++ b/src/features/common/Layout/Navbar/index.tsx
@@ -11,7 +11,8 @@ import getImageUrl from '../../../../utils/getImageURL';
 import { UserPropsContext } from '../UserPropsContext';
 import GetNavBarIcon from './getNavBarIcon';
 import GetSubMenu from './getSubMenu';
-import { lang_path } from '../../../../utils/constants/wpLanguages'
+import { lang_path } from '../../../../utils/constants/wpLanguages';
+
 // used to detect window resize and return the current width of the window
 const useWidth = () => {
   const [width, setWidth] = React.useState(0); // default width, detect on server.
@@ -35,8 +36,8 @@ export default function NavbarComponent(props: any) {
     yucatan: 'yucatan',
     partners: 'partners',
     changeChocolate: 'change-chocolate',
-    stopTalkingStartPlanting: 'stop-talking-start-planting'
-  }
+    stopTalkingStartPlanting: 'stop-talking-start-planting',
+  };
   const [menu, setMenu] = React.useState(false);
   const [isMobile, setIsMobile] = React.useState(false);
   const [mobileWidth, setMobileWidth] = React.useState(false);
@@ -75,7 +76,7 @@ export default function NavbarComponent(props: any) {
     }
   }
 
-  const { toggleTheme } = React.useContext(ThemeContext);
+  const { toggleTheme, theme } = React.useContext(ThemeContext);
 
   // if (isLoading) {
   //   return <div></div>;
@@ -162,12 +163,13 @@ export default function NavbarComponent(props: any) {
               );
             }
             if (link === 'about' && SingleLink.visible) {
-              let aboutOnclick = `${SingleLink.onclick}${(process.env.TENANT === 'planet' ||
+              let aboutOnclick = `${SingleLink.onclick}${
+                (process.env.TENANT === 'planet' ||
                   process.env.TENANT === 'ttc') &&
-                  lang_path[i18n.language]
+                lang_path[i18n.language]
                   ? lang_path[i18n.language]
                   : ''
-                }`;
+              }`;
 
               aboutOnclick = isMobile ? '' : aboutOnclick;
               SingleLink = {
@@ -179,7 +181,7 @@ export default function NavbarComponent(props: any) {
               }
             }
             if (link === 'shop' && mobileWidth) {
-              SingleLink.visible = false
+              SingleLink.visible = false;
             }
             return SingleLink.visible ? (
               <div
@@ -193,9 +195,7 @@ export default function NavbarComponent(props: any) {
                 }
                 key={link}
               >
-                <Link
-                  href={isMobile && hasSubMenu ? '' : SingleLink.onclick}
-                >
+                <Link href={isMobile && hasSubMenu ? '' : SingleLink.onclick}>
                   <div className={`linkContainer`}>
                     <GetNavBarIcon
                       UserIcon={UserIcon}
@@ -234,7 +234,11 @@ export default function NavbarComponent(props: any) {
                         <a
                           key={submenu.title}
                           className={'menuRow'}
-                          href={`https://a.plant-for-the-planet.org/${lang_path[i18n.language] ? lang_path[i18n.language] : 'en'}/${subMenuPath[submenu.title]}`}
+                          href={`https://a.plant-for-the-planet.org/${
+                            lang_path[i18n.language]
+                              ? lang_path[i18n.language]
+                              : 'en'
+                          }/${subMenuPath[submenu.title]}`}
                         >
                           <div
                             style={{
@@ -297,13 +301,23 @@ export default function NavbarComponent(props: any) {
             </div>
           )}
 
-          <a href="https://a.plant-for-the-planet.org">
-            <img
-              className={'tenantLogo'}
-              src={`${process.env.CDN_URL}/logo/svg/planet.svg`}
-              alt={t('common:about_pftp')}
-            />
-          </a>
+          {theme === 'theme-light' ? (
+            <a href="https://a.plant-for-the-planet.org">
+              <img
+                className={'tenantLogo'}
+                src={`${process.env.CDN_URL}/logo/svg/planet.svg`}
+                alt={t('common:about_pftp')}
+              />
+            </a>
+          ) : (
+            <a href="https://a.plant-for-the-planet.org">
+              <img
+                className={'tenantLogo'}
+                src={`/assets/images/PlanetDarkLogo.svg`}
+                alt={t('common:about_pftp')}
+              />
+            </a>
+          )}
         </div>
         {ready && <MenuItems />}
       </div>