blog-example/theme.d.ts at master · kuroko/blog-example · 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
import "styled-components"

declare module "styled-components" {
  export interface DefaultTheme {
    // Colours
    clrPrimaryL1: string
    clrPrimaryL2: string
    clrPrimaryL3: string
    clrPrimaryL4: string

    clrSecondaryL1: string
    clrSecondaryL2: string

    clrBackgroundL1: string
    clrBackgroundL2: string
    clrBackgroundL3: string
    clrBackgroundA1: string

    clrForegroundL0: string
    clrForegroundL1: string
    clrForegroundL2: string
    clrForegroundL3: string
    clrForegroundL4: string
    clrForegroundA1: string

    codeCyan: string
    codeBlue: string
    codePurple: string
    codeGreen: string
    codeOrange: string
    codeRed: string
    codeBrown: string
    codeYellow: string

    codeMono1: string
    codeMono2: string
    codeMono3: string

    // Fonts
    fontFamilyMono: string
    fontFamilySerif: string

    // Size
    sizeInitial: number
    sizeBase: number
  }
}