A quick vibe-coded site to test response times of PLC.directory mirrors (over 3 attempts)
indexx.dev
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 15% 97%;
12 --foreground: 220 15% 15%;
13
14 --card: 0 0% 100%;
15 --card-foreground: 220 15% 15%;
16
17 --popover: 0 0% 100%;
18 --popover-foreground: 220 15% 15%;
19
20 --primary: 217 91% 60%;
21 --primary-foreground: 0 0% 100%;
22
23 --secondary: 220 15% 95%;
24 --secondary-foreground: 220 15% 15%;
25
26 --muted: 220 15% 95%;
27 --muted-foreground: 220 10% 45%;
28
29 --accent: 217 91% 60%;
30 --accent-foreground: 0 0% 100%;
31
32 --destructive: 0 84% 60%;
33 --destructive-foreground: 0 0% 100%;
34
35 --border: 220 15% 88%;
36 --input: 220 15% 88%;
37 --ring: 217 91% 60%;
38
39 --success: 142 76% 36%;
40 --warning: 38 92% 50%;
41 --mono: 220 15% 25%;
42
43 --radius: 0.5rem;
44
45 --sidebar-background: 0 0% 98%;
46
47 --sidebar-foreground: 240 5.3% 26.1%;
48
49 --sidebar-primary: 240 5.9% 10%;
50
51 --sidebar-primary-foreground: 0 0% 98%;
52
53 --sidebar-accent: 240 4.8% 95.9%;
54
55 --sidebar-accent-foreground: 240 5.9% 10%;
56
57 --sidebar-border: 220 13% 91%;
58
59 --sidebar-ring: 217.2 91.2% 59.8%;
60 }
61
62 .dark {
63 --background: 220 20% 10%;
64 --foreground: 220 15% 95%;
65
66 --card: 220 20% 12%;
67 --card-foreground: 220 15% 95%;
68
69 --popover: 220 20% 12%;
70 --popover-foreground: 220 15% 95%;
71
72 --primary: 217 91% 60%;
73 --primary-foreground: 0 0% 100%;
74
75 --secondary: 220 20% 16%;
76 --secondary-foreground: 220 15% 95%;
77
78 --muted: 220 20% 16%;
79 --muted-foreground: 220 10% 60%;
80
81 --accent: 217 91% 60%;
82 --accent-foreground: 0 0% 100%;
83
84 --destructive: 0 84% 60%;
85 --destructive-foreground: 0 0% 100%;
86
87 --border: 220 20% 20%;
88 --input: 220 20% 20%;
89 --ring: 217 91% 60%;
90
91 --success: 142 76% 36%;
92 --warning: 38 92% 50%;
93 --mono: 220 15% 85%;
94 --sidebar-background: 240 5.9% 10%;
95 --sidebar-foreground: 240 4.8% 95.9%;
96 --sidebar-primary: 224.3 76.3% 48%;
97 --sidebar-primary-foreground: 0 0% 100%;
98 --sidebar-accent: 240 3.7% 15.9%;
99 --sidebar-accent-foreground: 240 4.8% 95.9%;
100 --sidebar-border: 240 3.7% 15.9%;
101 --sidebar-ring: 217.2 91.2% 59.8%;
102 }
103}
104
105@layer base {
106 * {
107 @apply border-border;
108 }
109
110 body {
111 @apply bg-background text-foreground;
112 }
113}