From e2e14e414de25904d791b503d2852c68b3ac9415 Mon Sep 17 00:00:00 2001 From: polwex Date: Wed, 16 Jul 2025 07:55:57 +0700 Subject: m --- constants/colors.ts | 51 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 constants/colors.ts (limited to 'constants/colors.ts') 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", +}; -- cgit v1.2.3