overmind/packages/demos/todomvc/src/theme.ts at devtoolsBugFixes · hipertracker/overmind · 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
import * as Color from 'color'

export interface ThemeInterface {
  color: {
    primary: string
    secondary: string
    dark: string
    white: string
    gray: string
    black: string
    fade: (color: string, fade: number) => string
    lighten: (color: string, lighten: number) => string
  }
  padding: {
    smaller: string
    small: string
    normal: string
    large: string
  }
  borderRadius: {
    normal: string
    large: string
  }
  fontSize: {
    normal: string
    large: string
    larger: string
    largest: string
  }
}

const theme: ThemeInterface = {
  color: {
    fade: (color, fade) =>
      Color(color)
        .fade(fade)
        .string(),
    lighten: (color, lighten) =>
      Color(color)
        .lighten(lighten)
        .string(),
    primary: '#C7402D',
    secondary: '#15959F',
    dark: '#133046',
    white: '#FAFAFA',
    gray: '#EAEAEA',
    black: '#333',
  },
  padding: {
    smaller: '0.5rem',
    small: '1rem',
    normal: '2rem',
    large: '3rem',
  },
  borderRadius: {
    normal: '3px',
    large: '6px',
  },
  fontSize: {
    normal: '16px',
    large: '20px',
    larger: '22px',
    largest: '34px',
  },
}

export default theme