auto-engineer/examples/design-system/app.css at dev/docs · devagrawal09/auto-engineer · 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
@import "tailwindcss";

@theme {
  --color-background: #ffffff;
  --color-foreground: #111111;
  --color-card: #ffffff;
  --color-card-foreground: #111111;
  --color-popover: #ffffff;
  --color-popover-foreground: #111111;
  --color-primary: #0066cc;
  --color-primary-foreground: #ffffff;
  --color-secondary: #f5f5f5;
  --color-secondary-foreground: #111111;
  --color-destructive: #e60023;
  --color-destructive-foreground: #ffffff;
  --color-muted: #f0f0f0;
  --color-muted-foreground: #666666;
  --color-accent: #f7f7f7;
  --color-accent-foreground: #111111;
  --color-border: #e5e5e5;
  --color-input: #e5e5e5;
  --color-ring: #d6d6d6;

  --color-chart-1: #0066cc;
  --color-chart-2: #999999;
  --color-chart-3: #666666;
  --color-chart-4: #e60023;
  --color-chart-5: #ffcc00;

  --color-sidebar: #ffffff;
  --color-sidebar-foreground: #111111;
  --color-sidebar-primary: #0066cc;
  --color-sidebar-primary-foreground: #ffffff;
  --color-sidebar-accent: #f5f5f5;
  --color-sidebar-accent-foreground: #111111;
  --color-sidebar-border: #e5e5e5;
  --color-sidebar-ring: #d6d6d6;

  --radius-sm: calc(0.5rem - 4px);
  --radius-md: calc(0.5rem - 2px);
  --radius-lg: 0.5rem;
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}