-
-
Notifications
You must be signed in to change notification settings - Fork 4.1k
Expand file tree
/
Copy pathtailwind.config.js
More file actions
122 lines (114 loc) · 4.86 KB
/
Copy pathtailwind.config.js
File metadata and controls
122 lines (114 loc) · 4.86 KB
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: ['class'],
content: ['./src/renderer/**/*.{js,jsx,ts,tsx}'],
theme: {
extend: {
colors: {
chatbox: {
// Tint colors
tint: {
primary: 'var(--chatbox-tint-primary)',
secondary: 'var(--chatbox-tint-secondary)',
tertiary: 'var(--chatbox-tint-tertiary)',
white: 'var(--chatbox-tint-white)',
black: 'var(--chatbox-tint-black)',
gray: 'var(--chatbox-tint-gray)',
disabled: 'var(--chatbox-tint-disabled)',
brand: 'var(--chatbox-tint-brand)',
placeholder: 'var(--chatbox-tint-placeholder)',
error: 'var(--chatbox-tint-error)',
'error-disabled': 'var(--chatbox-tint-error-disabled)',
warning: 'var(--chatbox-tint-warning)',
success: 'var(--chatbox-tint-success)',
},
// Border colors
border: {
primary: 'var(--chatbox-border-primary)',
secondary: 'var(--chatbox-border-secondary)',
warning: 'var(--chatbox-border-warning)',
error: 'var(--chatbox-border-error)',
success: 'var(--chatbox-border-success)',
brand: 'var(--chatbox-border-brand)',
},
// Background colors
background: {
primary: 'var(--chatbox-background-primary)',
'primary-hover': 'var(--chatbox-background-primary-hover)',
secondary: 'var(--chatbox-background-secondary)',
'secondary-hover': 'var(--chatbox-background-secondary-hover)',
tertiary: 'var(--chatbox-background-tertiary)',
'tertiary-hover': 'var(--chatbox-background-tertiary-hover)',
disabled: 'var(--chatbox-background-disabled)',
// Brand
'brand-primary': 'var(--chatbox-background-brand-primary)',
'brand-primary-hover': 'var(--chatbox-background-brand-primary-hover)',
'brand-secondary': 'var(--chatbox-background-brand-secondary)',
'brand-secondary-hover': 'var(--chatbox-background-brand-secondary-hover)',
// Gray
'gray-primary': 'var(--chatbox-background-gray-primary)',
'gray-primary-hover': 'var(--chatbox-background-gray-primary-hover)',
'gray-secondary': 'var(--chatbox-background-gray-secondary)',
'gray-secondary-hover': 'var(--chatbox-background-gray-secondary-hover)',
// Success
'success-primary': 'var(--chatbox-background-success-primary)',
'success-primary-hover': 'var(--chatbox-background-success-primary-hover)',
'success-secondary': 'var(--chatbox-background-success-secondary)',
'success-secondary-hover': 'var(--chatbox-background-success-secondary-hover)',
// Error
'error-primary': 'var(--chatbox-background-error-primary)',
'error-primary-hover': 'var(--chatbox-background-error-primary-hover)',
'error-secondary': 'var(--chatbox-background-error-secondary)',
'error-secondary-hover': 'var(--chatbox-background-error-secondary-hover)',
// Warning
'warning-primary': 'var(--chatbox-background-warning-primary)',
'warning-primary-hover': 'var(--chatbox-background-warning-primary-hover)',
'warning-secondary': 'var(--chatbox-background-warning-secondary)',
'warning-secondary-hover': 'var(--chatbox-background-warning-secondary-hover)',
// Mask
'mask-overlay': 'var(--chatbox-background-mask-overlay)',
'mask-lighten': 'var(--chatbox-background-mask-lighten)',
},
},
},
spacing: {
none: 'var(--chatbox-spacing-none)',
'3xs': 'var(--chatbox-spacing-3xs)',
xxs: 'var(--chatbox-spacing-xxs)',
xs: 'var(--chatbox-spacing-xs)',
sm: 'var(--chatbox-spacing-sm)',
md: 'var(--chatbox-spacing-md)',
lg: 'var(--chatbox-spacing-lg)',
xl: 'var(--chatbox-spacing-xl)',
xxl: 'var(--chatbox-spacing-xxl)',
},
borderRadius: {
none: 'var(--chatbox-radius-none)',
xs: 'var(--chatbox-radius-xs)',
sm: 'var(--chatbox-radius-sm)',
md: 'var(--chatbox-radius-md)',
lg: 'var(--chatbox-radius-lg)',
xl: 'var(--chatbox-radius-xl)',
xxl: 'var(--chatbox-radius-xxl)',
},
animation: {
'fade-in': 'fadeIn 1s ease-out',
flash: 'flash 0.5s ease-in-out 2',
},
keyframes: {
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
flash: {
'0%, 100%': { opacity: '1' },
'50%': { opacity: '0.3' },
},
},
},
},
plugins: [require('tailwindcss-animate'), require('tailwind-scrollbar')],
corePlugins: {
preflight: false,
},
}