summaryrefslogtreecommitdiff
path: root/constants/colors.ts
diff options
context:
space:
mode:
Diffstat (limited to 'constants/colors.ts')
-rw-r--r--constants/colors.ts51
1 files changed, 51 insertions, 0 deletions
diff --git a/constants/colors.ts b/constants/colors.ts
new file mode 100644
index 0000000..6f07a2c
--- /dev/null
+++ b/constants/colors.ts
@@ -0,0 +1,51 @@
+// import { useSettingsStore } from "../store/useSettingsStore";
+
+export type ColorScheme = typeof lightColors;
+
+export const useThemeColors = (): ColorScheme => {
+ // const isDarkMode = useSettingsStore((s) => s.isDarkMode);
+ // return isDarkMode ? darkColors : lightColors;
+ return lightColors;
+};
+
+export const lightColors = {
+ background: "#F7F7F7",
+ text: "#171717",
+ card: "#FFFFFF",
+ border: "#E5E5E5",
+ primary: "#1997FC",
+ secondary: "#737373", //"#4B5563",
+ toastBackground: "#171717",
+ toastText: "#FFFFFF",
+ toastSuccess: "#12BA03",
+ toastError: "#EF4444",
+ skeletonBase: "#ebebeb",
+ skeletonHighlight: "#f5f5f5",
+ button: "#171717",
+ buttonText: "#F7F7F7",
+ iconBorder: "#D4D4D4",
+ navBorder: "#D4D4D4",
+ switchBackground: "#E5E5E5",
+ switchThumb: "#FFFFFF",
+};
+
+export const darkColors = {
+ background: "#121212",
+ text: "#F3F3F3",
+ card: "#1F1F1F",
+ border: "#323232", //"#2A2A2A",
+ primary: "#1997FC",
+ secondary: "#9CA3AF",
+ toastBackground: "#F3F3F3",
+ toastText: "#121212",
+ toastSuccess: "#22C55E",
+ toastError: "#EF4444",
+ skeletonBase: "#374151",
+ skeletonHighlight: "#4B5563",
+ button: "#F7F7F7",
+ buttonText: "#171717",
+ iconBorder: "#FAFAFA",
+ navBorder: "#323232",
+ switchBackground: "#E5E5E5",
+ switchThumb: "#1F1F1F",
+};