-
Notifications
You must be signed in to change notification settings - Fork 0
/
themes.ts
41 lines (39 loc) · 1.21 KB
/
themes.ts
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
import { ThemeType } from "./components/interfaces";
export const lightTheme: ThemeType = {
backgroundColor: "#F8F9F9",
textColor: "#000000",
buttonTextColor: "#E7E7E8",
primaryColor: "#2D9EE0",
secondaryColor: "#e0e0e0",
secondaryColor50opacity: "#e0e0e080",
reblogPillColor: "#E9EAEB",
tabNavigationColor: "#E9EAEB",
tabNavigationGradient: ["#091E3A", "#2F80ED", "#2D9EE0"],
notificationsIcon: "#2D9EE0",
activeButtonColor: "#6575FF",
replyDrawerBackgroundColor: "#E7E9EC",
placeholderTextColor: "#96989C",
drawerHandleColor: "#ccc",
attention: "#E64A19",
noAltTextColor: "#E7E9EC",
modalBackground: "#F8F9F9",
};
export const darkTheme: ThemeType = {
backgroundColor: "#2A2E34",
textColor: "#E5E5E5",
buttonTextColor: "#E7E7E8",
primaryColor: "#BEC4F7",
secondaryColor: "#444444",
secondaryColor50opacity: "#44444480",
reblogPillColor: "#1B1A20",
tabNavigationColor: "#30353C",
tabNavigationGradient: ["#9400D3", "#4B0082"],
notificationsIcon: "#6575FF",
activeButtonColor: "#6575FF",
replyDrawerBackgroundColor: "#363636",
placeholderTextColor: "#666666",
drawerHandleColor: "#AFAFAF",
attention: "#E64A19",
noAltTextColor: "#E7E9EC",
modalBackground: "#32323A",
};