Add dark mode

2025-10-23 06:46:11 +08:00 · 2021-01-12 15:55:56 -08:00
parent 60391cdfc3
commit b15fa59cf9
6 changed files with 218 additions and 176 deletions
--- a/ui/src/theme.tsx
+++ b/ui/src/theme.tsx
@@ -1,18 +1,19 @@
-import { createMuiTheme } from "@material-ui/core/styles";
+import { createMuiTheme, Theme } from "@material-ui/core/styles";

-// Got color palette from https://htmlcolors.com/palette/31/stripe
-const theme = createMuiTheme({
-  palette: {
-    primary: {
-      main: "#4379FF",
+export function makeTheme(isDarkTheme: boolean): Theme {
+  return createMuiTheme({
+    // Got color palette from https://htmlcolors.com/palette/31/stripe
+    palette: {
+      primary: {
+        main: "#4379FF",
+      },
+      secondary: {
+        main: "#97FBD1",
+      },
+      background: {
+        default: "#f5f7f9",
+      },
+      type: isDarkTheme ? "dark" : "light",
    },
-    secondary: {
-      main: "#97FBD1",
-    },
-    background: {
-      default: "#f5f7f9",
-    },
-  },
-});
-
-export default theme;
+  });
+}