xcontroller-app/tailwind.config.ts at master · J040M/xcontroller-app · 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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
import type { Config } from 'tailwindcss'

export default {
  content: ['./index.html', './src/**/*.{vue,ts,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        surface: '#0d1515',
        'surface-dim': '#0d1515',
        'surface-bright': '#323b3b',
        'surface-container-lowest': '#081010',
        'surface-container-low': '#151d1d',
        'surface-container': '#192121',
        'surface-container-high': '#232b2c',
        'surface-container-highest': '#2e3637',
        'on-surface': '#dce4e4',
        'on-surface-variant': '#b9caca',
        'inverse-surface': '#dce4e4',
        'inverse-on-surface': '#2a3232',
        outline: '#849495',
        'outline-variant': '#3a494a',
        'surface-tint': '#00dce5',
        primary: '#e9feff',
        'on-primary': '#003739',
        'primary-container': '#00f5ff',
        'on-primary-container': '#006c71',
        'inverse-primary': '#00696e',
        secondary: '#ffb77d',
        'on-secondary': '#4d2600',
        'secondary-container': '#fd8b00',
        'on-secondary-container': '#603100',
        tertiary: '#fff9f0',
        'on-tertiary': '#3a3000',
        'tertiary-container': '#ffdb40',
        'on-tertiary-container': '#736000',
        error: '#ffb4ab',
        'on-error': '#690005',
        'error-container': '#93000a',
        'on-error-container': '#ffdad6',
        'primary-fixed': '#63f7ff',
        'primary-fixed-dim': '#00dce5',
        'on-primary-fixed': '#002021',
        'on-primary-fixed-variant': '#004f53',
        'secondary-fixed': '#ffdcc3',
        'secondary-fixed-dim': '#ffb77d',
        'on-secondary-fixed': '#2f1500',
        'on-secondary-fixed-variant': '#6e3900',
        'tertiary-fixed': '#ffe16d',
        'tertiary-fixed-dim': '#e9c400',
        'on-tertiary-fixed': '#221b00',
        'on-tertiary-fixed-variant': '#544600',
        background: '#0d1515',
        'on-background': '#dce4e4',
        'surface-variant': '#2e3637',
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
        mono: ['"JetBrains Mono"', 'ui-monospace', 'monospace'],
        'headline-lg': ['Inter', 'sans-serif'],
        'headline-md': ['Inter', 'sans-serif'],
        'body-lg': ['Inter', 'sans-serif'],
        'body-sm': ['Inter', 'sans-serif'],
        'label-caps': ['Inter', 'sans-serif'],
        'code-lg': ['"JetBrains Mono"', 'monospace'],
        'code-sm': ['"JetBrains Mono"', 'monospace'],
      },
      fontSize: {
        'headline-lg': ['32px', { lineHeight: '1.2', letterSpacing: '-0.02em', fontWeight: '700' }],
        'headline-md': ['24px', { lineHeight: '1.3', fontWeight: '600' }],
        'body-lg': ['16px', { lineHeight: '1.5', fontWeight: '400' }],
        'body-sm': ['14px', { lineHeight: '1.4', fontWeight: '400' }],
        'label-caps': ['12px', { lineHeight: '1.1', letterSpacing: '0.05em', fontWeight: '700' }],
        'code-lg': ['16px', { lineHeight: '1.2', fontWeight: '500' }],
        'code-sm': ['13px', { lineHeight: '1.2', fontWeight: '400' }],
      },
      borderRadius: {
        DEFAULT: '0.5rem',
        sm: '0.25rem',
        md: '0.75rem',
        lg: '1rem',
        xl: '1.5rem',
        full: '9999px',
      },
      spacing: {
        unit: '4px',
        gutter: '16px',
        margin: '24px',
        'container-padding': '20px',
      },
      keyframes: {
        'pulse-glow': {
          '0%, 100%': { opacity: '1', filter: 'drop-shadow(0 0 4px currentColor)' },
          '50%': { opacity: '0.5', filter: 'drop-shadow(0 0 8px currentColor)' },
        },
      },
      animation: {
        'pulse-glow': 'pulse-glow 2s ease-in-out infinite',
      },
    },
  },
  plugins: [],
} satisfies Config