couvoir/panda.config.ts at main · hatchling13/couvoir · GitHub

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
import { defineConfig, defineGlobalStyles } from '@pandacss/dev';

const globalCss = defineGlobalStyles({
  html: {
    height: 'full',
  },
  body: {
    fontFamily: 'pretendard',
    color: 'etainSnowGray',
    backgroundColor: 'siamBlack',
  },
});

export default defineConfig({
  // Whether to use css reset
  preflight: true,

  // Where to look for your css declarations
  include: [
    './src/**/*.{js,jsx,ts,tsx,astro}',
    './pages/**/*.{js,jsx,ts,tsx,astro}',
  ],

  // Files to exclude
  exclude: [],

  // Useful for theme customization
  theme: {
    extend: {
      tokens: {
        colors: {
          siamBlack: { value: '#020715' },
          etainSnowGray: { value: '#DADDE4' },
          eochaidNavy: { value: '#091742' },
          torvishDeepSea: { value: '#3B3947' },
          deepOrange: { value: '#FD731C' },
        },
        fonts: {
          pretendard: { value: 'var(--font-pretendard)' },
        },
      },
    },
  },

  // The output directory for your css system
  outdir: 'styled-system',

  globalCss,
});