-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtailwind.config.js
More file actions
54 lines (51 loc) · 1.99 KB
/
tailwind.config.js
File metadata and controls
54 lines (51 loc) · 1.99 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
import {heroui} from "@heroui/theme";
/** @type {import('tailwindcss').Config} */
const config = {
content: [
'./components/**/*.{js,ts,jsx,tsx,mdx}',
'./app/**/*.{js,ts,jsx,tsx,mdx}',
"./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
fontFamily: {
sans: ["var(--font-sans)"],
serif: ["var(--font-serif)"],
},
},
},
darkMode: "class",
plugins: [heroui({
prefix: "heroui", // prefix for themes variables
addCommonColors: false, // override common colors (e.g. "blue", "green", "pink").
defaultTheme: "light", // default theme from the themes object
defaultExtendTheme: "light", // default theme to extend on custom themes
layout: {}, // common layout tokens (applied to all themes)
themes:{
dark:{
colors:{
background:'#000000',
primary:{
DEFAULT:'#cccccc'
},
secondary:{
DEFAULT:'#FF5733'
},
}
},
light:{
colors:{
background:'#ffffff',
primary:{
DEFAULT:'#cccccc'
},
secondary:{
DEFAULT:'#FF5733'
},
},
},
}
})],
}
// console.log('tailwind config', JSON.stringify(config));
export default config;