mod-player/tailwind.config.js at main · ford442/mod-player · 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
/** @type {import('tailwindcss').Config} */
import typography from '@tailwindcss/typography';

export default {
  content: [
    // Explicit source paths only — the previous "./**/*.{js,ts,jsx,tsx}" glob
    // accidentally matched every file in node_modules (three.js, fiber, etc.)
    // and caused a JS heap-OOM during production builds.
    "./index.html",
    "./index.tsx",
    "./App.tsx",
    "./components/**/*.{js,ts,jsx,tsx}",
    "./hooks/**/*.{js,ts,jsx,tsx}",
    "./utils/**/*.{js,ts,jsx,tsx}",
    "./audio-worklet/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        panel: {
          base:   'var(--panel-base)',
          raised: 'var(--panel-raised)',
          inset:  'var(--panel-inset)',
        },
        edge: {
          highlight: 'var(--edge-highlight)',
          shadow:    'var(--edge-shadow)',
        },
        accent: 'var(--text-accent)',
        glow:   'var(--glow-color)',
      },
      borderColor: {
        panel:        'var(--panel-border)',
        'panel-strong': 'var(--panel-border-strong)',
      },
      boxShadow: {
        'panel':
          '0 1px 0 0 var(--edge-highlight) inset, 0 -1px 0 0 var(--edge-shadow) inset, 0 4px 6px -1px rgba(0,0,0,0.1)',
        'panel-inset':
          '0 1px 0 0 var(--edge-shadow) inset, 0 -1px 0 0 var(--edge-highlight) inset',
        'glow': '0 0 20px var(--glow-color)',
      },
    },
  },
  plugins: [
    typography,
  ],
}