/
index.ts
77 lines (74 loc) · 1.49 KB
/
index.ts
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
69
70
71
72
73
74
75
76
77
/**
* A map of theme keys to every available theme as the `styled-components` `DefaultTheme` interface.
*
* @module
*/
import 'styled-components'
import { Icon } from '@primer/octicons-react'
import { dark } from './dark'
import { light } from './light'
/**
* Every available theme.
*/
export const themes = {
dark,
light,
}
declare module 'styled-components' {
export interface DefaultTheme {
key: keyof typeof themes
title: string
Icon: Icon
colors: {
text: string
grayText: string
strongText: string
background: string
layerBackground: string
layerText: string
inputBackground: string
primary: string
red: string
green: string
blue: string
yellow: string
orange: string
brown: string
gray: string
highlight: string
animateGradientBackground: string
animateGradient: string
scrollGradient: string
}
/**
* The same breakpoints used within (Chromium-based) DevTools.
*/
breakpoints: {
mobileS: {
width: string
}
mobileM: {
width: string
}
mobileL: {
width: string
}
tablet: {
width: string
}
laptop: {
width: string
}
laptopL: {
width: string
}
fourK: {
width: string
}
}
/**
* Some versions of the app need extra top padding for e.g. native menus and/or notches.
*/
topPadding: number
}
}