-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
93 lines (92 loc) · 2.24 KB
/
tailwind.config.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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
import type { Config } from 'tailwindcss'
import plugin from 'tailwindcss/plugin'
const config: Config = {
content: [
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}'
],
theme: {
extend: {
colors: {
primary: {
DEFAULT: '#00334E',
50: '#07A9FF',
100: '#009EF1',
200: '#0083C8',
300: '#0068A0',
400: '#004E77',
500: '#00334E',
600: '#000E16',
700: '#000000',
800: '#000000',
900: '#000000',
950: '#000000'
},
secondary: {
DEFAULT: '#145374',
50: '#5DB5E3',
100: '#4BADE0',
200: '#289DDA',
300: '#2085BA',
400: '#1A6C97',
500: '#145374',
600: '#0C3144',
700: '#030F14',
800: '#000000',
900: '#000000',
950: '#000000'
},
accent: {
DEFAULT: '#5588A3',
50: '#CBDCE4',
100: '#BED2DD',
200: '#A3C0CF',
300: '#88AEC1',
400: '#6E9BB3',
500: '#5588A3',
600: '#42697E',
700: '#2F4A59',
800: '#1B2C34',
900: '#080D10',
950: '#000000'
},
white: {
DEFAULT: '#E8E8E8',
50: '#FFFFFF',
100: '#FFFFFF',
200: '#FFFFFF',
300: '#FFFFFF',
400: '#FCFCFC',
500: '#E8E8E8',
600: '#CCCCCC',
700: '#B0B0B0',
800: '#949494',
900: '#787878',
950: '#6A6A6A'
}
},
boxShadow: {
'custom-xs': `5px 5px 0px 0px rgba(0, 0, 0, 0.0)`,
'custom-sm': `10px 10px 0px 0px rgba(0, 0, 0, 0.0)`,
'custom-md': `15px 15px 0px 0px rgba(0, 0, 0, 0.0)`,
'custom-up-right-md': `15px 15px 0px rgba(0, 0, 0, 0.0)`
},
textShadow: {
'secondary-sm': `8px 8px 0px theme('colors.secondary.DEFAULT')`
}
}
},
plugins: [
plugin(function ({ matchUtilities, theme }) {
matchUtilities(
{
'text-shadow': (value) => ({
textShadow: value
})
},
{ values: theme('textShadow') }
)
})
]
}
export default config