lib/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

import { extendTheme } from "@chakra-ui/react"
import { mode } from '@chakra-ui/theme-tools'

const styles = {
  global: props => ({
    body: {
      bg: mode('#d5d6db', '#24283b')(props),
      color: mode('#0f4b6e', '#7dcfff')(props),
    }
  })
}

const components = {
  Link: {
    baseStyle: props => ({
      color: mode('#34548a', '##34548a')(props),
      textUnderlineOffset: 3
    })
  }
}

const config = {
  initialColorMode: 'dark',
  useSystemColorMode: false,
}

const theme = extendTheme({
  config,
  styles,
  components
})


console.log(theme)


export default theme