emberdocs/tailwind.config.ts at main · sturdy-barnacle/emberdocs · 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  darkMode: ['class', '[data-theme="dark"]'],
  theme: {
    extend: {
      colors: {
        // Brand colors (ed- prefixed)
        'ed-purple': 'var(--ed-purple)',
        'ed-amber': 'var(--ed-amber)',
        'ed-deep-purple': 'var(--ed-deep-purple)',
        'ed-light-purple': 'var(--ed-light-purple)',
        'ed-bg': 'var(--ed-bg)',
        'ed-surface': 'var(--ed-surface)',
        'ed-surface-hover': 'var(--ed-surface-hover)',
        'ed-border': 'var(--ed-border)',
        'ed-text': 'var(--ed-text)',
        'ed-text-secondary': 'var(--ed-text-secondary)',
        'ed-text-tertiary': 'var(--ed-text-tertiary)',
        'ed-code-bg': 'var(--ed-code-bg)',
        'ed-success': 'var(--ed-success)',
        'ed-error': 'var(--ed-error)',
        'ed-info': 'var(--ed-info)',

        // Legacy aliases
        primary: 'var(--ed-purple)',
        accent: 'var(--ed-amber)',
        'light-bg': '#FFFFFF',
        'light-surface': '#F9FAFB',
        'light-border': '#E5E7EB',
        'light-text': '#111827',
        'light-muted': '#6B7280',
        'dark-bg': '#0F172A',
        'dark-surface': '#1E293B',
        'dark-border': '#334155',
        'dark-text': '#F1F5F9',
        'dark-muted': '#94A3B8',
      },
      fontFamily: {
        sans: ['var(--ed-font-sans)'],
        mono: ['var(--ed-font-mono)'],
      },
      spacing: {
        'ed-1': 'var(--ed-space-1)',
        'ed-2': 'var(--ed-space-2)',
        'ed-3': 'var(--ed-space-3)',
        'ed-4': 'var(--ed-space-4)',
        'ed-5': 'var(--ed-space-5)',
        'ed-6': 'var(--ed-space-6)',
        'ed-8': 'var(--ed-space-8)',
        'ed-10': 'var(--ed-space-10)',
        'ed-12': 'var(--ed-space-12)',
        'ed-16': 'var(--ed-space-16)',
      },
      borderRadius: {
        'ed-sm': 'var(--ed-radius-sm)',
        'ed': 'var(--ed-radius)',
        'ed-md': 'var(--ed-radius-md)',
        'ed-lg': 'var(--ed-radius-lg)',
        'ed-xl': 'var(--ed-radius-xl)',
      },
      boxShadow: {
        'ed-sm': 'var(--ed-shadow-sm)',
        'ed': 'var(--ed-shadow)',
        'ed-md': 'var(--ed-shadow-md)',
        'ed-lg': 'var(--ed-shadow-lg)',
        'ed-xl': 'var(--ed-shadow-xl)',
      },
      screens: {
        sm: '640px',
        md: '768px',
        lg: '1024px',
        xl: '1200px', // Match mockup breakpoint for TOC visibility
        '2xl': '1536px',
      },
    },
  },
  plugins: [],
};

export default config;