app/theme.js at main · II1302-Group-3/app · GitHub

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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
// Generated with https://callstack.github.io/react-native-paper/docs/guides/theming/#creating-dynamic-theme-colors
// Base color: #0f3612

export const lightGreenTheme = {
	"colors": {
		"primary": "rgb(38, 108, 43)",
		"onPrimary": "rgb(255, 255, 255)",
		"primaryContainer": "rgb(170, 245, 164)",
		"onPrimaryContainer": "rgb(0, 34, 4)",
		"secondary": "rgb(82, 99, 79)",
		"onSecondary": "rgb(255, 255, 255)",
		"secondaryContainer": "rgb(213, 232, 207)",
		"onSecondaryContainer": "rgb(16, 31, 16)",
		"tertiary": "rgb(56, 101, 106)",
		"onTertiary": "rgb(255, 255, 255)",
		"tertiaryContainer": "rgb(188, 235, 241)",
		"onTertiaryContainer": "rgb(0, 31, 35)",
		"error": "rgb(186, 26, 26)",
		"onError": "rgb(255, 255, 255)",
		"errorContainer": "rgb(255, 218, 214)",
		"onErrorContainer": "rgb(65, 0, 2)",
		"background": "rgb(252, 253, 246)",
		"onBackground": "rgb(26, 28, 25)",
		"surface": "rgb(252, 253, 246)",
		"onSurface": "rgb(26, 28, 25)",
		"surfaceVariant": "rgb(222, 229, 216)",
		"onSurfaceVariant": "rgb(66, 73, 64)",
		"outline": "rgb(114, 121, 111)",
		"outlineVariant": "rgb(194, 201, 189)",
		"shadow": "rgb(0, 0, 0)",
		"scrim": "rgb(0, 0, 0)",
		"inverseSurface": "rgb(47, 49, 45)",
		"inverseOnSurface": "rgb(240, 241, 235)",
		"inversePrimary": "rgb(143, 216, 138)",
		"elevation": {
			"level0": "transparent",
			"level1": "rgb(241, 246, 236)",
			"level2": "rgb(235, 241, 230)",
			"level3": "rgb(229, 237, 224)",
			"level4": "rgb(226, 236, 222)",
			"level5": "rgb(222, 233, 218)"
		},
		"surfaceDisabled": "rgba(26, 28, 25, 0.12)",
		"onSurfaceDisabled": "rgba(26, 28, 25, 0.38)",
		"backdrop": "rgba(44, 50, 42, 0.4)"
	}
};

export const darkGreenTheme = {
	"colors": {
		"primary": "rgb(143, 216, 138)",
		"onPrimary": "rgb(0, 57, 11)",
		"primaryContainer": "rgb(4, 83, 21)",
		"onPrimaryContainer": "rgb(170, 245, 164)",
		"secondary": "rgb(185, 204, 179)",
		"onSecondary": "rgb(37, 52, 35)",
		"secondaryContainer": "rgb(59, 75, 56)",
		"onSecondaryContainer": "rgb(213, 232, 207)",
		"tertiary": "rgb(160, 207, 212)",
		"onTertiary": "rgb(0, 54, 59)",
		"tertiaryContainer": "rgb(31, 77, 82)",
		"onTertiaryContainer": "rgb(188, 235, 241)",
		"error": "rgb(255, 180, 171)",
		"onError": "rgb(105, 0, 5)",
		"errorContainer": "rgb(147, 0, 10)",
		"onErrorContainer": "rgb(255, 180, 171)",
		"background": "rgb(26, 28, 25)",
		"onBackground": "rgb(226, 227, 221)",
		"surface": "rgb(26, 28, 25)",
		"onSurface": "rgb(226, 227, 221)",
		"surfaceVariant": "rgb(66, 73, 64)",
		"onSurfaceVariant": "rgb(194, 201, 189)",
		"outline": "rgb(140, 147, 136)",
		"outlineVariant": "rgb(66, 73, 64)",
		"shadow": "rgb(0, 0, 0)",
		"scrim": "rgb(0, 0, 0)",
		"inverseSurface": "rgb(226, 227, 221)",
		"inverseOnSurface": "rgb(47, 49, 45)",
		"inversePrimary": "rgb(38, 108, 43)",
		"elevation": {
			"level0": "transparent",
			"level1": "rgb(32, 37, 31)",
			"level2": "rgb(35, 43, 34)",
			"level3": "rgb(39, 49, 37)",
			"level4": "rgb(40, 51, 39)",
			"level5": "rgb(42, 54, 41)"
		},
		"surfaceDisabled": "rgba(226, 227, 221, 0.12)",
		"onSurfaceDisabled": "rgba(226, 227, 221, 0.38)",
		"backdrop": "rgba(44, 50, 42, 0.4)"
	}
};