-
Notifications
You must be signed in to change notification settings - Fork 3
/
tailwind.config.js
82 lines (81 loc) · 2.01 KB
/
tailwind.config.js
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
const { createThemes } = require('tw-colors');
module.exports = {
content: ['./src/**/*.{html,jsx}'],
darkMode: 'class',
theme: {
fontFamily: {
open: ['Open Sans', 'sans-serif'],
nunito: ['Nunito', 'sans-serif'],
},
screens: {
sm: '476px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
},
extend: {
dropShadow: {
'3xl': '3px 5px 2px rgb(0 0 0 / 0.4)',
svgShadow: '1px 0.5px 1px rgb(0 0 0 / 0.4)',
svgShadowDarkMode: '1px 0.5px 1px rgb(255 255 255 / 0.4)',
},
boxShadow: {
shadowBox: '1.5px 1.5px 2px black;',
shadowBoxDarkMode: '1.5px 1.5px 2px white;',
shadowLine: '1px 1px 1px bgBlack;',
shadowLineDarkMode: '1px 1px 1px #8c8c8c;',
},
},
colors: {
black: '#000000',
white: '#ffffff',
bgWhite: '#F2E7FE',
primaryColor: '#0c518a',
primaryColorDarker: '#0b4677',
DarkPrimaryColor: '#00aacd',
DarkPrimaryColorDarker: '#008BA7',
borderColor: '#C6C6C6',
bgBlack: '#000000',
bgShadow: '#4d4d4d',
gray: '#4F4F4F',
clearGray: '#C6C6C6',
lightGray: '#d4d4d4',
red: '#fe0000',
},
},
plugins: [
createThemes({
light: {
primary: '#006868',
secondary: '#008484',
backColor: '#F2E7FE',
textColor: '#000000',
textColorInside: '#ffffff',
gray: '#4d4d4d',
accent: '#00cdcd',
kofiHover: '#13C3FF',
},
dark: {
primary: '#008BA7',
secondary: '#00aacd',
backColor: '#000000',
textColor: '#ffffff',
textColorInside: '#ffffff',
gray: '#808080',
accent: '#baf3ff',
kofiHover: '#FF5E5B',
},
image: {
primary: '#e94747',
secondary: '#ed6969',
backColor: '#404040',
textColor: '#ffffff',
textColorInside: '#ffffff',
gray: '#999999',
accent: '#f7bfbf',
kofiHover: '#13C3FF',
},
}),
],
};