ORStudios-Client/tailwind.config.ts at develop · efface-studio/ORStudios-Client · 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './app/**/*.{ts,tsx}',
    './components/**/*.{ts,tsx}',
    './content/**/*.{ts,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        bg: {
          base: '#0A0A0B',
          surface: '#111114',
          elevated: '#1A1A1F',
        },
        fg: {
          DEFAULT: '#F5F5F7',
          muted: '#9CA0A8',
          subtle: '#5C616B',
        },
        accent: {
          DEFAULT: '#E5FF3D',
          soft: '#EDFF7A',
          deep: '#B8CC1F',
        },
        line: '#23232A',
      },
      fontFamily: {
        display: [
          'Pretendard',
          'Inter',
          'ui-sans-serif',
          'system-ui',
          'sans-serif',
        ],
        body: [
          'Pretendard',
          'Inter',
          'ui-sans-serif',
          'system-ui',
          'sans-serif',
        ],
        mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],
      },
      letterSpacing: {
        tightest: '-0.04em',
      },
      maxWidth: {
        site: '1280px',
      },
      boxShadow: {
        cinema: '0 30px 80px -20px rgba(0,0,0,0.6)',
      },
      backgroundImage: {
        'grid-fade':
          'radial-gradient(ellipse at top, rgba(229,255,61,0.08), transparent 60%)',
        noise:
          "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.08 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>\")",
      },
    },
  },
  plugins: [],
};

export default config;