danielmorrisey.com
https://altly.madebydanny.uk
1@tailwind base;
2@tailwind components;
3@tailwind utilities;
4
5/* Definition of the design system. All colors, gradients, fonts, etc should be defined here.
6All colors MUST be HSL.
7*/
8
9@layer base {
10 :root {
11 --background: 220 18% 8%;
12 --foreground: 0 0% 95%;
13
14 --card: 220 15% 12%;
15 --card-foreground: 0 0% 95%;
16
17 --popover: 220 15% 12%;
18 --popover-foreground: 0 0% 95%;
19
20 --primary: 174 72% 56%;
21 --primary-foreground: 220 18% 8%;
22
23 --secondary: 220 15% 18%;
24 --secondary-foreground: 0 0% 95%;
25
26 --muted: 220 15% 18%;
27 --muted-foreground: 0 0% 65%;
28
29 --accent: 174 72% 56%;
30 --accent-foreground: 220 18% 8%;
31
32 --destructive: 0 72% 51%;
33 --destructive-foreground: 0 0% 98%;
34
35 --border: 220 15% 18%;
36 --input: 220 15% 18%;
37 --ring: 174 72% 56%;
38
39 --radius: 0.75rem;
40
41 --stat-card: 220 15% 15%;
42 --upload-area: 220 15% 10%;
43 }
44}
45
46@layer base {
47 * {
48 @apply border-border;
49 }
50
51 body {
52 @apply bg-background text-foreground;
53 }
54}