feat: implement dark mode

2026-09-06 07:56:11 +02:00 · 2019-09-14 15:47:10 -04:00
parent a9e74c108f
commit 5f76447e05
18 changed files with 266 additions and 98 deletions
@@ -0,0 +1,51 @@
+interface ISet {
+  background: string
+  foreground: string
+}
+
+export interface ITheme {
+  name: "dark" | "light"
+  sidebar: ISet & { active: string }
+  main: ISet & { link: string }
+  discord: {
+    base: string
+    darker: string
+  }
+}
+
+const baseColors = {
+  discord: {
+    base: "#7289DA",
+    darker: "#5265AD",
+  },
+}
+
+export const darkTheme: ITheme = {
+  ...baseColors,
+  name: "dark",
+  sidebar: {
+    background: "#293845",
+    foreground: "#FFFFFF",
+    active: "#00FCFF",
+  },
+  main: {
+    background: "#1F2A34",
+    foreground: "#FFFFFF",
+    link: "#04B0A6",
+  },
+}
+
+export const lightTheme: ITheme = {
+  ...baseColors,
+  name: "light",
+  sidebar: {
+    background: "#F9F9F9",
+    foreground: "#000000",
+    active: "#499DEF",
+  },
+  main: {
+    background: "#FFFFFF",
+    foreground: "#000000",
+    link: "#04B0A6",
+  },
+}