-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtailwind.config.js
More file actions
executable file
·45 lines (45 loc) · 1.26 KB
/
tailwind.config.js
File metadata and controls
executable file
·45 lines (45 loc) · 1.26 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
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
'primary': '#14b8a6',
'primary-dark': '#0d9488',
'primary-light': '#2dd4bf',
'bg': {
'primary': '#0a0b0e',
'secondary': '#111214',
'tertiary': '#18191c',
},
'text': {
'primary': '#e8e8ec',
'secondary': '#9a9aa6',
'muted': '#5c5c6a',
},
'success': '#10b981',
'warning': '#f59e0b',
'error': '#ef4444',
'info': '#06b6d4',
'border': '#1e1e24',
'border-focus': '#14b8a6'
},
fontFamily: {
'sans': ['Inter', '-apple-system', 'BlinkMacSystemFont', 'SF Pro Display', 'Roboto', 'sans-serif'],
},
borderRadius: {
'card': '14px',
},
boxShadow: {
'card': '0 2px 4px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.2), 0 8px 24px rgba(0,0,0,0.15)',
'card-hover': '0 4px 8px rgba(0,0,0,0.2), 0 8px 24px rgba(0,0,0,0.25), 0 16px 44px rgba(0,0,0,0.2)',
'glow': '0 0 16px rgba(20, 184, 166, 0.15)',
'glow-strong': '0 0 24px rgba(20, 184, 166, 0.25)',
}
},
},
plugins: [],
}