-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy paththeme.ts
More file actions
34 lines (32 loc) · 937 Bytes
/
theme.ts
File metadata and controls
34 lines (32 loc) · 937 Bytes
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
import { DefaultTheme } from 'styled-components';
import { colors, spacing, typography } from './src/styles/index';
const myTheme: DefaultTheme = {
space: [0, 4, 8, 16, 32, 64, 128, 256, 512],
colors: {
primary: colors.PRIMARY,
secondary: colors.SECONDARY,
black: colors.BLACK,
white: colors.WHITE,
green: colors.GREEN,
grayLight: colors.GRAY_LIGHT,
success: colors.SUCCESS,
greenOpacity: colors.GREEN_OPACITY,
},
typography: {
FONT_REGULAR: typography.FONT_FAMILY_REGULAR,
FONT_BOLD: typography.FONT_FAMILY_BOLD,
},
borderWidths: [0, 2, 4, 8, 16],
bordersColors: {
primary: colors.PRIMARY,
secondary: colors.SECONDARY,
black: colors.BLACK,
white: colors.WHITE,
green: colors.GREEN,
grayLight: colors.GRAY_LIGHT,
success: colors.SUCCESS,
greenOpacity: colors.GREEN_OPACITY,
},
radii: [0, 4, 8, 16, 32, 64, 128, 256, 512],
};
export { myTheme };