app-tradding/tailwind.config.ts at main · oworthylab/app-tradding · 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
import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './src/**/*.{ts,tsx}',
    './components/**/*.{ts,tsx}',
    './app/**/*.{ts,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        background: 'var(--color-background)',
        surface: {
          800: 'var(--color-surface-800)',
          850: 'var(--color-surface-850)',
          900: 'var(--color-surface-900)',
          950: 'var(--color-surface-950)',
        },
        overlay: {
          900: 'var(--color-overlay-900)',
        },
        neutral: {
          900: 'var(--color-neutral-900)',
        },
        brand: {
          DEFAULT: 'var(--color-brand)',
          foreground: 'var(--color-brand-foreground)',
        },
        trading: {
          positive: 'var(--color-trading-positive)',
          negative: 'var(--color-trading-negative)',
        },
        danger: 'var(--color-danger)',
        live: {
          DEFAULT: 'var(--color-live)',
          border: 'var(--color-live-border)',
        },
        muted: {
          icon: 'var(--color-muted-icon)',
        },
        control: {
          track: 'var(--color-control-track)',
        },
        info: {
          DEFAULT: 'var(--color-info)',
        },
        warning: '#facc15',
        status: {
          liveBg: '#0e2923',
          downBg: '#2a1a0e',
          downBorder: '#4a2f1a',
          glass: 'rgba(14,14,14,0.7)',
        },
      },
    },
  },
  plugins: [],
};

export default config;