always dark mode

hanzoai · Aug 20, 2024 · 308943b · 308943b
1 parent 9bc9fdd
commit 308943b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 29 deletions.
diff --git a/pkg/ui/src/App.jsx b/pkg/ui/src/App.jsx
@@ -24,6 +24,7 @@ import projectsApi from '@/api/projects'
 const App = () => {
     const customization = useSelector((state) => state.customization)
     const createProject = useApi(projectsApi.createProject)
+    customization.isDarkMode = true
 
     useEffect(() => {
         window.addEventListener('message', (event) => {

diff --git a/pkg/ui/src/themes/index.js b/pkg/ui/src/themes/index.js
@@ -16,35 +16,20 @@ import themeTypography from './typography'
 export const theme = (customization) => {
     const color = colors
 
-    const themeOption = customization.isDarkMode
-        ? {
-              colors: color,
-              heading: color.paper,
-              paper: color.darkPrimaryLight,
-              backgroundDefault: color.darkPaper,
-              background: color.darkPrimaryLight,
-              darkTextPrimary: color.paper,
-              darkTextSecondary: color.paper,
-              textDark: color.paper,
-              menuSelected: color.darkSecondaryDark,
-              menuSelectedBack: color.darkSecondaryLight,
-              divider: color.darkPaper,
-              customization
-          }
-        : {
-              colors: color,
-              heading: color.grey900,
-              paper: color.paper,
-              backgroundDefault: color.paper,
-              background: color.primaryLight,
-              darkTextPrimary: color.grey700,
-              darkTextSecondary: color.grey500,
-              textDark: color.grey900,
-              menuSelected: color.secondaryDark,
-              menuSelectedBack: color.secondaryLight,
-              divider: color.grey200,
-              customization
-          }
+    const themeOption = {
+        colors: color,
+        heading: color.paper,
+        paper: color.darkPrimaryLight,
+        backgroundDefault: color.darkPaper,
+        background: color.darkPrimaryLight,
+        darkTextPrimary: color.paper,
+        darkTextSecondary: color.paper,
+        textDark: color.paper,
+        menuSelected: color.darkSecondaryDark,
+        menuSelectedBack: color.darkSecondaryLight,
+        divider: color.darkPaper,
+        customization
+    }
 
     const themeOptions = {
         direction: 'ltr',