-
Notifications
You must be signed in to change notification settings - Fork 0
/
windi.config.ts
97 lines (96 loc) · 2.22 KB
/
windi.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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
import { defineConfig } from 'windicss/helpers'
import type { Plugin } from 'windicss/types/interfaces'
import colors from 'windicss/colors'
import defaultTheme from 'windicss/defaultTheme'
import TypographyPlugin from 'windicss/plugin/typography'
import AspectRatioPlugin from 'windicss/plugin/aspect-ratio'
import FiltersPlugin from 'windicss/plugin/filters'
const MyTheme = {
transform: ['hover', 'focus'],
colors: {
primary: {
DEFAULT: '#241127',
'50': '#B4E4CF',
'100': '#A5DFC5',
'200': '#87D4B2',
'300': '#69CA9E',
'400': '#4BBF8B',
'500': '#3BA676',
'600': '#2C7D59',
'700': '#1E533B',
'800': '#0F2A1E',
'900': '#000000',
},
dark:{
DEFAULT: '#202020',
'50': '#202020'
},
secondary: {
DEFAULT: '#C147E9',
'50': '#4E1F5B'
},
},
}
export default defineConfig({
darkMode: 'class',
attributify: false,
extract: {
include: [
'./components/**/*.{vue,js}',
'./composables/**/*.{js,ts}',
'./content/**/*.md',
'./layouts/**/*.vue',
'./pages/**/*.vue',
'./plugins/**/*.{js,ts}',
'./utils/**/*.{js,ts}',
'./app.vue',
],
},
theme: {
extend: {
backgroundImage: {
'hero-pattern': "url('/assets/img/n.jfif')",
},
grayscale: {
0: '0%',
70: '70%',
100: '100%',
},
backdropBlur: {
xs: '2px',
lg: '4px'
},
blur: {
xs: '2px',
},
colors: {
primary: MyTheme.colors.primary,
secondary: MyTheme.colors.secondary,
dark: MyTheme.colors.dark
},
fontFamily: {
sans: ['Nunito', ...defaultTheme.fontFamily.sans],
},
},
},
shortcuts: {
'light-img': 'block dark:hidden',
'dark-img': 'hidden dark:block',
},
plugins: [
FiltersPlugin as Plugin,
TypographyPlugin as Plugin,
AspectRatioPlugin as Plugin,
require('@windicss/plugin-scrollbar'),
require('@windicss/plugin-animations')({
settings: {
animatedSpeed: 1000,
heartBeatSpeed: 1000,
hingeSpeed: 2000,
bounceInSpeed: 750,
bounceOutSpeed: 750,
animationDelaySpeed: 1000,
},
}),
] as Plugin[],
})