Skip to content

Commit a51b5f2

Browse files
tnyleatnylea
committed
Adding some final updates
1 parent fb757b6 commit a51b5f2

File tree

1 file changed

+101
-103
lines changed

1 file changed

+101
-103
lines changed

‎resources/css/app.css‎

Lines changed: 101 additions & 103 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77

88
@custom-variant dark (&:is(.dark *));
99

10-
@theme {
10+
@theme inline {
1111
--font-sans:
1212
Instrument Sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
1313
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
@@ -16,48 +16,48 @@
1616
--radius-md: calc(var(--radius) - 2px);
1717
--radius-sm: calc(var(--radius) - 4px);
1818

19-
--color-background: hsl(var(--background));
20-
--color-foreground: hsl(var(--foreground));
19+
--color-background: var(--background);
20+
--color-foreground: var(--foreground);
2121

22-
--color-card: hsl(var(--card));
23-
--color-card-foreground: hsl(var(--card-foreground));
22+
--color-card: var(--card);
23+
--color-card-foreground: var(--card-foreground);
2424

25-
--color-popover: hsl(var(--popover));
26-
--color-popover-foreground: hsl(var(--popover-foreground));
25+
--color-popover: var(--popover);
26+
--color-popover-foreground: var(--popover-foreground);
2727

28-
--color-primary: hsl(var(--primary));
29-
--color-primary-foreground: hsl(var(--primary-foreground));
28+
--color-primary: var(--primary);
29+
--color-primary-foreground: var(--primary-foreground);
3030

31-
--color-secondary: hsl(var(--secondary));
32-
--color-secondary-foreground: hsl(var(--secondary-foreground));
31+
--color-secondary: var(--secondary);
32+
--color-secondary-foreground: var(--secondary-foreground);
3333

34-
--color-muted: hsl(var(--muted));
35-
--color-muted-foreground: hsl(var(--muted-foreground));
34+
--color-muted: var(--muted);
35+
--color-muted-foreground: var(--muted-foreground);
3636

37-
--color-accent: hsl(var(--accent));
38-
--color-accent-foreground: hsl(var(--accent-foreground));
37+
--color-accent: var(--accent);
38+
--color-accent-foreground: var(--accent-foreground);
3939

40-
--color-destructive: hsl(var(--destructive));
41-
--color-destructive-foreground: hsl(var(--destructive-foreground));
40+
--color-destructive: var(--destructive);
41+
--color-destructive-foreground: var(--destructive-foreground);
4242

43-
--color-border: hsl(var(--border));
44-
--color-input: hsl(var(--input));
45-
--color-ring: hsl(var(--ring));
43+
--color-border: var(--border);
44+
--color-input: var(--input);
45+
--color-ring: var(--ring);
4646

47-
--color-chart-1: hsl(var(--chart-1));
48-
--color-chart-2: hsl(var(--chart-2));
49-
--color-chart-3: hsl(var(--chart-3));
50-
--color-chart-4: hsl(var(--chart-4));
51-
--color-chart-5: hsl(var(--chart-5));
47+
--color-chart-1: var(--chart-1);
48+
--color-chart-2: var(--chart-2);
49+
--color-chart-3: var(--chart-3);
50+
--color-chart-4: var(--chart-4);
51+
--color-chart-5: var(--chart-5);
5252

53-
--color-sidebar: hsl(var(--sidebar-background));
54-
--color-sidebar-foreground: hsl(var(--sidebar-foreground));
55-
--color-sidebar-primary: hsl(var(--sidebar-primary));
56-
--color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground));
57-
--color-sidebar-accent: hsl(var(--sidebar-accent));
58-
--color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground));
59-
--color-sidebar-border: hsl(var(--sidebar-border));
60-
--color-sidebar-ring: hsl(var(--sidebar-ring));
53+
--color-sidebar: var(--sidebar-background);
54+
--color-sidebar-foreground: var(--sidebar-foreground);
55+
--color-sidebar-primary: var(--sidebar-primary);
56+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
57+
--color-sidebar-accent: var(--sidebar-accent);
58+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
59+
--color-sidebar-border: var(--sidebar-border);
60+
--color-sidebar-ring: var(--sidebar-ring);
6161
}
6262

6363
/*
@@ -88,77 +88,75 @@
8888
}
8989
}
9090

91-
@layer base {
92-
:root {
93-
--background: 0 0% 100%;
94-
--foreground: 0 0% 3.9%;
95-
--card: 0 0% 100%;
96-
--card-foreground: 0 0% 3.9%;
97-
--popover: 0 0% 100%;
98-
--popover-foreground: 0 0% 3.9%;
99-
--primary: 0 0% 9%;
100-
--primary-foreground: 0 0% 98%;
101-
--secondary: 0 0% 92.1%;
102-
--secondary-foreground: 0 0% 9%;
103-
--muted: 0 0% 96.1%;
104-
--muted-foreground: 0 0% 45.1%;
105-
--accent: 0 0% 96.1%;
106-
--accent-foreground: 0 0% 9%;
107-
--destructive: 0 84.2% 60.2%;
108-
--destructive-foreground: 0 0% 98%;
109-
--border: 0 0% 92.8%;
110-
--input: 0 0% 89.8%;
111-
--ring: 0 0% 3.9%;
112-
--chart-1: 12 76% 61%;
113-
--chart-2: 173 58% 39%;
114-
--chart-3: 197 37% 24%;
115-
--chart-4: 43 74% 66%;
116-
--chart-5: 27 87% 67%;
117-
--radius: 0.5rem;
118-
--sidebar-background: 0 0% 98%;
119-
--sidebar-foreground: 240 5.3% 26.1%;
120-
--sidebar-primary: 0 0% 10%;
121-
--sidebar-primary-foreground: 0 0% 98%;
122-
--sidebar-accent: 0 0% 94%;
123-
--sidebar-accent-foreground: 0 0% 30%;
124-
--sidebar-border: 0 0% 91%;
125-
--sidebar-ring: 217.2 91.2% 59.8%;
126-
}
91+
:root {
92+
--background: hsl(0 0% 100%);
93+
--foreground: hsl(0 0% 3.9%);
94+
--card: hsl(0 0% 100%);
95+
--card-foreground: hsl(0 0% 3.9%);
96+
--popover: hsl(0 0% 100%);
97+
--popover-foreground: hsl(0 0% 3.9%);
98+
--primary: hsl(0 0% 9%);
99+
--primary-foreground: hsl(0 0% 98%);
100+
--secondary: hsl(0 0% 92.1%);
101+
--secondary-foreground: hsl(0 0% 9%);
102+
--muted: hsl(0 0% 96.1%);
103+
--muted-foreground: hsl(0 0% 45.1%);
104+
--accent: hsl(0 0% 96.1%);
105+
--accent-foreground: hsl(0 0% 9%);
106+
--destructive: hsl(0 84.2% 60.2%);
107+
--destructive-foreground: hsl(0 0% 98%);
108+
--border: hsl(0 0% 92.8%);
109+
--input: hsl(0 0% 89.8%);
110+
--ring: hsl(0 0% 3.9%);
111+
--chart-1: hsl(12 76% 61%);
112+
--chart-2: hsl(173 58% 39%);
113+
--chart-3: hsl(197 37% 24%);
114+
--chart-4: hsl(43 74% 66%);
115+
--chart-5: hsl(27 87% 67%);
116+
--radius: 0.5rem;
117+
--sidebar-background: hsl(0 0% 98%);
118+
--sidebar-foreground: hsl(240 5.3% 26.1%);
119+
--sidebar-primary: hsl(0 0% 10%);
120+
--sidebar-primary-foreground: hsl(0 0% 98%);
121+
--sidebar-accent: hsl(0 0% 94%);
122+
--sidebar-accent-foreground: hsl(0 0% 30%);
123+
--sidebar-border: hsl(0 0% 91%);
124+
--sidebar-ring: hsl(217.2 91.2% 59.8%);
125+
}
127126

128-
.dark {
129-
--background: 0 0% 3.9%;
130-
--foreground: 0 0% 98%;
131-
--card: 0 0% 3.9%;
132-
--card-foreground: 0 0% 98%;
133-
--popover: 0 0% 3.9%;
134-
--popover-foreground: 0 0% 98%;
135-
--primary: 0 0% 98%;
136-
--primary-foreground: 0 0% 9%;
137-
--secondary: 0 0% 14.9%;
138-
--secondary-foreground: 0 0% 98%;
139-
--muted: 0 0% 6.9%;
140-
--muted-foreground: 0 0% 63.9%;
141-
--accent: 0 0% 14.9%;
142-
--accent-foreground: 0 0% 98%;
143-
--destructive: 0 84% 60%;
144-
--destructive-foreground: 0 0% 98%;
145-
--border: 0 0% 14.9%;
146-
--input: 0 0% 14.9%;
147-
--ring: 0 0% 83.1%;
148-
--chart-1: 220 70% 50%;
149-
--chart-2: 160 60% 45%;
150-
--chart-3: 30 80% 55%;
151-
--chart-4: 280 65% 60%;
152-
--chart-5: 340 75% 55%;
153-
--sidebar-background: 0 0% 7%;
154-
--sidebar-foreground: 0 0% 95.9%;
155-
--sidebar-primary: 360, 100%, 100%;
156-
--sidebar-primary-foreground: 0 0% 100%;
157-
--sidebar-accent: 0 0% 15.9%;
158-
--sidebar-accent-foreground: 240 4.8% 95.9%;
159-
--sidebar-border: 0 0% 15.9%;
160-
--sidebar-ring: 217.2 91.2% 59.8%;
161-
}
127+
.dark {
128+
--background: hsl(0 0% 3.9%);
129+
--foreground: hsl(0 0% 98%);
130+
--card: hsl(0 0% 3.9%);
131+
--card-foreground: hsl(0 0% 98%);
132+
--popover: hsl(0 0% 3.9%);
133+
--popover-foreground: 0 0% 98%;
134+
--primary: hsl(0 0% 98%);
135+
--primary-foreground: hsl(0 0% 9%);
136+
--secondary: hsl(0 0% 14.9%);
137+
--secondary-foreground: hsl(0 0% 98%);
138+
--muted: hsl(0 0% 6.9%);
139+
--muted-foreground: hsl(0 0% 63.9%);
140+
--accent: hsl(0 0% 14.9%);
141+
--accent-foreground: hsl(0 0% 98%);
142+
--destructive: hsl(0 84% 60%);
143+
--destructive-foreground: hsl(0 0% 98%);
144+
--border: hsl(0 0% 14.9%);
145+
--input: hsl(0 0% 14.9%);
146+
--ring: hsl(0 0% 83.1%);
147+
--chart-1: hsl(220 70% 50%);
148+
--chart-2: hsl(160 60% 45%);
149+
--chart-3: hsl(30 80% 55%);
150+
--chart-4: hsl(280 65% 60%);
151+
--chart-5: hsl(340 75% 55%);
152+
--sidebar-background: hsl(0 0% 7%);
153+
--sidebar-foreground: hsl(0 0% 95.9%);
154+
--sidebar-primary: hsl(360, 100%, 100%);
155+
--sidebar-primary-foreground: hsl(0 0% 100%);
156+
--sidebar-accent: hsl(0 0% 15.9%);
157+
--sidebar-accent-foreground: hsl(240 4.8% 95.9%);
158+
--sidebar-border: hsl(0 0% 15.9%);
159+
--sidebar-ring: hsl(217.2 91.2% 59.8%);
162160
}
163161

164162
@layer base {

0 commit comments

Comments
 (0)