diff --git a/theme/config.ts b/theme/config.ts
index 2b775a4745..fda0e6147d 100644
--- a/theme/config.ts
+++ b/theme/config.ts
@@ -1,7 +1,7 @@
 import { type ThemeConfig } from '@chakra-ui/react';
 
 const config: ThemeConfig = {
-  initialColorMode: 'dark',
+  initialColorMode: 'light',
   useSystemColorMode: false,
   disableTransitionOnChange: false,
 };
diff --git a/ui/snippets/topBar/TopBar.tsx b/ui/snippets/topBar/TopBar.tsx
index 4a3b6a56c4..443af1b05b 100644
--- a/ui/snippets/topBar/TopBar.tsx
+++ b/ui/snippets/topBar/TopBar.tsx
@@ -28,6 +28,7 @@ const TopBar = () => {
             <Divider mr={ 3 } ml={{ base: 2, sm: 3 }} height={ 4 } orientation="vertical"/>
           </>
         ) }
+        <ColorModeSwitch/>
       </Flex>
     </Flex>
   );