1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
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",
};
|
