-
Notifications
You must be signed in to change notification settings - Fork 6
/
theme.tsx
68 lines (65 loc) · 1.64 KB
/
theme.tsx
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
import { extendTheme } from "@chakra-ui/react";
const theme = extendTheme({
textStyles: {
actionable: {
fontSize: "lg",
color: "gray.500",
},
info: {
fontSize: "sm",
color: "gray.500",
},
addressInfo: {
fontSize: "sm",
color: "gray.500",
},
assetSelect: {
fontSize: "md",
color: "gray.500",
},
},
components: {
Button: {
baseStyle: {
bg: "#304FFE",
fontWeight: "bold",
},
sizes: {
lg: {
fontSize: "lg",
},
},
// Custom variant
variants: {
"tx_button": {
bg: "blue.100",
color: "white",
},
"main_button": {
w: "15rem",
color: "white",
_hover: {
bg: "blue.300",
_disabled: {
bg: "",
},
},
},
"connect_wallet_button": {
color: "white",
bg: "red.500",
_hover: {
bg: "red.300",
},
},
"wallet_button": {
color: "white",
_hover: {
bg: "blue.300",
},
},
},
},
},
});
export default theme;