-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy paththeme.ts
More file actions
95 lines (93 loc) · 3.23 KB
/
theme.ts
File metadata and controls
95 lines (93 loc) · 3.23 KB
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
93
94
95
import {
MD3DarkTheme,
MD3LightTheme,
} from "react-native-paper";
export const LightTheme ={
...MD3LightTheme,
colors:{
"primary": "rgb(120, 69, 172)",
"onPrimary": "rgb(255, 255, 255)",
"primaryContainer": "rgb(240, 219, 255)",
"onPrimaryContainer": "rgb(44, 0, 81)",
"secondary": "rgb(102, 90, 111)",
"onSecondary": "rgb(255, 255, 255)",
"secondaryContainer": "rgb(237, 221, 246)",
"onSecondaryContainer": "rgb(33, 24, 42)",
"tertiary": "rgb(128, 81, 88)",
"onTertiary": "rgb(255, 255, 255)",
"tertiaryContainer": "rgb(255, 217, 221)",
"onTertiaryContainer": "rgb(50, 16, 23)",
"error": "rgb(186, 26, 26)",
"onError": "rgb(255, 255, 255)",
"errorContainer": "rgb(255, 218, 214)",
"onErrorContainer": "rgb(65, 0, 2)",
"background": "rgb(255, 251, 255)",
"onBackground": "rgb(29, 27, 30)",
"surface": "rgb(255, 251, 255)",
"onSurface": "rgb(29, 27, 30)",
"surfaceVariant": "rgb(233, 223, 235)",
"onSurfaceVariant": "rgb(74, 69, 78)",
"outline": "rgb(124, 117, 126)",
"outlineVariant": "rgb(204, 196, 206)",
"shadow": "rgb(0, 0, 0)",
"scrim": "rgb(0, 0, 0)",
"inverseSurface": "rgb(50, 47, 51)",
"inverseOnSurface": "rgb(245, 239, 244)",
"inversePrimary": "rgb(220, 184, 255)",
"elevation": {
"level0": "transparent",
"level1": "rgb(248, 242, 251)",
"level2": "rgb(244, 236, 248)",
"level3": "rgb(240, 231, 246)",
"level4": "rgb(239, 229, 245)",
"level5": "rgb(236, 226, 243)"
},
"surfaceDisabled": "rgba(29, 27, 30, 0.12)",
"onSurfaceDisabled": "rgba(29, 27, 30, 0.38)",
"backdrop": "rgba(51, 47, 55, 0.4)"
}
};
export const DarkTheme ={...MD3DarkTheme,
"colors": {
"primary": "rgb(220, 184, 255)",
"onPrimary": "rgb(71, 12, 122)",
"primaryContainer": "rgb(95, 43, 146)",
"onPrimaryContainer": "rgb(240, 219, 255)",
"secondary": "rgb(208, 193, 218)",
"onSecondary": "rgb(54, 44, 63)",
"secondaryContainer": "rgb(77, 67, 87)",
"onSecondaryContainer": "rgb(237, 221, 246)",
"tertiary": "rgb(243, 183, 190)",
"onTertiary": "rgb(75, 37, 43)",
"tertiaryContainer": "rgb(101, 58, 65)",
"onTertiaryContainer": "rgb(255, 217, 221)",
"error": "rgb(255, 180, 171)",
"onError": "rgb(105, 0, 5)",
"errorContainer": "rgb(147, 0, 10)",
"onErrorContainer": "rgb(255, 180, 171)",
"background": "rgb(29, 27, 30)",
"onBackground": "rgb(231, 225, 229)",
"surface": "rgb(29, 27, 30)",
"onSurface": "rgb(231, 225, 229)",
"surfaceVariant": "rgb(74, 69, 78)",
"onSurfaceVariant": "rgb(204, 196, 206)",
"outline": "rgb(150, 142, 152)",
"outlineVariant": "rgb(74, 69, 78)",
"shadow": "rgb(0, 0, 0)",
"scrim": "rgb(0, 0, 0)",
"inverseSurface": "rgb(231, 225, 229)",
"inverseOnSurface": "rgb(50, 47, 51)",
"inversePrimary": "rgb(120, 69, 172)",
"elevation": {
"level0": "transparent",
"level1": "rgb(39, 35, 41)",
"level2": "rgb(44, 40, 48)",
"level3": "rgb(50, 44, 55)",
"level4": "rgb(52, 46, 57)",
"level5": "rgb(56, 49, 62)"
},
"surfaceDisabled": "rgba(231, 225, 229, 0.12)",
"onSurfaceDisabled": "rgba(231, 225, 229, 0.38)",
"backdrop": "rgba(51, 47, 55, 0.4)"
}
};