"Stockfight" is a simple frontend to compare stocks on the swedish stock market
keii.dev
1@tailwind base;
2@tailwind components;
3@tailwind utilities;
4
5@layer base {
6 :root {
7 --background: 0 0% 100%;
8 --foreground: 222.2 84% 4.9%;
9
10 --card: 0 0% 100%;
11 --card-foreground: 222.2 84% 4.9%;
12
13 --popover: 0 0% 100%;
14 --popover-foreground: 222.2 84% 4.9%;
15
16 --primary: 222.2 47.4% 11.2%;
17 --primary-foreground: 210 40% 98%;
18
19 --secondary: 210 40% 96.1%;
20 --secondary-foreground: 222.2 47.4% 11.2%;
21
22 --muted: 210 40% 96.1%;
23 --muted-foreground: 215.4 16.3% 46.9%;
24
25 --accent: 210 40% 96.1%;
26 --accent-foreground: 222.2 47.4% 11.2%;
27
28 --destructive: 0 84.2% 60.2%;
29 --destructive-foreground: 210 40% 98%;
30
31 --border: 214.3 31.8% 91.4%;
32 --input: 214.3 31.8% 91.4%;
33 --ring: 222.2 84% 4.9%;
34
35 --radius: 0.5rem;
36 }
37
38 .dark {
39 --background: 222.2 84% 4.9%;
40 --foreground: 210 40% 98%;
41
42 --card: 222.2 84% 4.9%;
43 --card-foreground: 210 40% 98%;
44
45 --popover: 222.2 84% 4.9%;
46 --popover-foreground: 210 40% 98%;
47
48 --primary: 210 40% 98%;
49 --primary-foreground: 222.2 47.4% 11.2%;
50
51 --secondary: 217.2 32.6% 17.5%;
52 --secondary-foreground: 210 40% 98%;
53
54 --muted: 217.2 32.6% 17.5%;
55 --muted-foreground: 215 20.2% 65.1%;
56
57 --accent: 217.2 32.6% 17.5%;
58 --accent-foreground: 210 40% 98%;
59
60 --destructive: 0 62.8% 30.6%;
61 --destructive-foreground: 210 40% 98%;
62
63 --border: 217.2 32.6% 17.5%;
64 --input: 217.2 32.6% 17.5%;
65 --ring: 212.7 26.8% 83.9%;
66 }
67}
68
69@layer base {
70 * {
71 @apply border-border;
72 }
73 body {
74 @apply bg-background text-foreground;
75 }
76}