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
|
import { extendTheme } from "@chakra-ui/react"
import { mode } from '@chakra-ui/theme-tools'
type propsType = any
const styles = {
global: (props : propsType) => {
body: {
bg: mode('#d5d6db', '#24283b')(props);
color: mode('#0f4b6e', '#7dcfff')(props);
}
}
}
const components = {
Link: {
baseStyle: (props : propsType) => {
color: mode('#34548a', '##34548a')(props);
textUnderlineOffset: 3;
}
},
Heading: {
baseStyle: {
},
variants: {
'section-title': {
fontSize: 20,
marginBottom: 2,
},
'main-title': {
fontSize: 30.
}
}
},
Text: {
baseStyle: {
textAlign: 'justify',
textIndent: '1em'
},
variants: {
'main-title': {
fontSize: '1em',
textIndent: 0
}
}
}
}
const fonts = {
body: `'Lato', sans-serif`,
}
const config = {
initialColorMode: 'dark',
useSystemColorMode: false,
}
const theme = extendTheme({
config,
styles,
fonts,
components
})
export default theme
|
