-
Notifications
You must be signed in to change notification settings - Fork 4
/
tailwind.config.ts
76 lines (67 loc) · 1.74 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
import type { Config } from 'tailwindcss'
import colors from 'tailwindcss/colors'
import daisyui from 'daisyui'
import daisyuiThemes from 'daisyui/src/theming/themes'
export const themeColor: keyof typeof colors = 'indigo'
export const light = {
...daisyuiThemes.light,
'primary': colors[themeColor][500],
'primary-content': colors.white,
'secondary': colors.purple[500],
'secondary-content': colors.white,
'accent': colors.cyan[500],
'accent-content': colors.white,
'success': colors.emerald[500],
'success-content': colors.white,
'warning': colors.yellow[500],
'warning-content': colors.white,
'error': colors.red[500],
'error-content': colors.white,
'info': colors.sky[500],
'info-content': colors.white,
'base-100': colors.zinc[100],
'base-200': colors.zinc[200],
'base-300': colors.zinc[300],
'--rounded-box': '0.5rem',
'--rounded-btn': '99999px',
}
export const dark = {
...daisyuiThemes.dracula,
'primary': colors[themeColor][400],
'secondary': colors.purple[400],
'accent': colors.cyan[400],
'success': colors.emerald[400],
'warning': colors.yellow[400],
'error': colors.red[400],
'info': colors.sky[400],
'base-100': colors.zinc[900],
'base-200': colors.zinc[800],
'base-300': colors.zinc[700],
'--rounded-box': '0.5rem',
'--rounded-btn': '99999px',
}
export default {
prefix: 'tw-',
darkMode: 'class',
content: [
'./.vitepress/**/*.{js,ts,vue,md}',
'!./.vitepress/cache/**',
'./docs/**/*.md',
],
theme: {
container: {
center: true, // https://tailwindcss.com/docs/container#centering-by-default
},
},
plugins: [daisyui],
daisyui: {
themes: [
{
light,
dark,
},
],
base: false,
logs: false,
},
} satisfies Config