-
Notifications
You must be signed in to change notification settings - Fork 0
/
panda.config.ts
83 lines (77 loc) · 2.28 KB
/
panda.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
import { defineConfig } from '@pandacss/dev';
import { globalCss } from './src/app/panda-theme/global-css';
import { recipes } from './src/app/panda-theme/recipes';
import { textStyles } from './src/app/panda-theme/text-styles';
import { semanticTokens } from './src/app/panda-theme/semantic-tokens';
type Config = ReturnType<typeof defineConfig>;
const config: Config = defineConfig({
preflight: true,
include: ['./src/**/*.{tsx,jsx}'],
presets: ['@pandacss/dev/presets'],
jsxFramework: 'react',
outdir: 'panda',
globalCss,
theme: {
extend: {
recipes,
textStyles,
semanticTokens,
tokens: {
lineHeights: {
relaxed: { value: '1.75' },
},
colors: {
black: { value: '#1C1917' },
gray: {
25: { value: '#fefefe' },
50: { value: '#fdfdfd' },
100: { value: '#fafafa' },
200: { value: '#dddddd' },
300: { value: '#c0c0c0' },
400: { value: '#a2a2a2' },
500: { value: '#858585' },
600: { value: '#676767' },
700: { value: '#4a4a4a' },
800: { value: '#2c2c2c' },
900: { value: '#232323' },
},
orange: {
50: { value: '#F6E1DB' },
100: { value: '#EEC2B7' },
200: { value: '#E49582' },
300: { value: '#DE7960' },
400: { value: '#EB5E41' },
500: { value: '#BD4E34' },
600: { value: '#953D2B' },
700: { value: '#662314' },
800: { value: '#451D14' },
900: { value: '#391915' },
},
brown: {
50: { value: '#78574F' },
100: { value: '#5B4039' },
200: { value: '#4E3630' },
300: { value: '#3D2925' },
400: { value: '#33221E' },
500: { value: '#2D1D19' },
600: { value: '#261916' },
700: { value: '#201412' },
800: { value: '#1D1615' },
900: { value: '#0F0705' },
},
},
spacing: {
'4.5': { value: '1.125rem' },
},
sizes: {
'15': { value: '3.75rem' },
'18': { value: '4.5rem' },
},
},
},
},
patterns: {
extend: {},
},
});
export default config;