forked from eslint/config-inspector
-
Notifications
You must be signed in to change notification settings - Fork 0
/
uno.config.ts
128 lines (119 loc) · 3.01 KB
/
uno.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
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
123
124
125
126
127
128
import {
defineConfig,
presetAttributify,
presetIcons,
presetTypography,
presetUno,
presetWebFonts,
transformerDirectives,
transformerVariantGroup,
} from 'unocss'
export default defineConfig({
shortcuts: {
'color-base': 'color-neutral-500 dark:color-neutral-300',
'bg-base': 'bg-white dark:bg-neutral-900',
'border-base': 'border-#aaa3',
'bg-tooltip': 'bg-white:75 dark:bg-neutral-900:75 backdrop-blur-8',
'bg-glass': 'bg-white:75 dark:bg-neutral-900:75 backdrop-blur-5',
'bg-code': 'bg-gray5:5',
'bg-hover': 'bg-primary-400:5',
'color-active': 'color-primary-600 dark:color-primary-400',
'border-active': 'border-primary-600/25 dark:border-primary-400/25',
'bg-active': 'bg-primary-400:10',
'btn-action': 'border border-base rounded flex gap-2 items-center px2 py1 op75 hover:op100 hover:bg-hover',
'btn-action-sm': 'btn-action text-sm',
'btn-action-active': 'color-active border-active! bg-active op100!',
'badge': 'border border-base rounded flex items-center px2',
'badge-active': 'badge border-amber:50 text-amber bg-amber:5',
'btn-badge': 'badge hover:bg-active',
},
theme: {
// Reference: https://github.com/eslint/eslint.org/blob/main/src/assets/scss/tokens/themes.scss
colors: {
neutral: {
25: '#FCFCFD',
50: '#F9FAFB',
100: '#F2F4F7',
200: '#E4E7EC',
300: '#D0D5DD',
400: '#98A2B3',
500: '#667085',
600: '#475467',
700: '#344054',
800: '#1D2939',
900: '#101828',
},
primary: {
DEFAULT: '#8080F2',
25: '#FBFBFF',
50: '#F6F6FE',
100: '#ECECFD',
200: '#DEDEFF',
300: '#CCCCFA',
400: '#B7B7FF',
500: '#A0A0F5',
600: '#8080F2',
700: '#6358D4',
800: '#4B32C3',
900: '#341BAB',
},
warning: {
25: '#FFFCF5',
50: '#FFFAEB',
100: '#FEF0C7',
200: '#FEDF89',
300: '#FEC84B',
400: '#FDB022',
500: '#F79009',
600: '#DC6803',
700: '#B54708',
800: '#93370D',
900: '#7A2E0E',
},
success: {
25: '#F6FEF9',
50: '#ECFDF3',
100: '#D1FADF',
200: '#A6F4C5',
300: '#6CE9A6',
400: '#32D583',
500: '#12B76A',
600: '#039855',
700: '#027A48',
800: '#05603A',
900: '#054F31',
},
rose: {
25: '#FFF5F6',
50: '#FFF1F3',
100: '#FFE4E8',
200: '#FECDD6',
300: '#FEA3B4',
400: '#FD6F8E',
500: '#F63D68',
600: '#E31B54',
700: '#C01048',
800: '#A11043',
900: '#89123E',
},
},
},
presets: [
presetUno(),
presetAttributify(),
presetIcons({
scale: 1.2,
}),
presetTypography(),
presetWebFonts({
fonts: {
sans: 'Inter',
mono: 'Space Mono',
},
}),
],
transformers: [
transformerDirectives(),
transformerVariantGroup(),
],
})