Skip to content

Commit b9da918

Browse files
claudemyburghclaudemyburgh
committed
before upload
1 parent 085239b commit b9da918

2 files changed

Lines changed: 137 additions & 65 deletions

File tree

‎resources/css/app.css‎

Lines changed: 136 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22

33
@import 'tw-animate-css';
44

5+
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap");
56

67
@source '../views';
78
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@@ -111,82 +112,153 @@
111112
}
112113

113114
:root {
114-
--background: oklch(1 0 0);
115-
--foreground: oklch(0.145 0 0);
116-
--card: oklch(1 0 0);
117-
--card-foreground: oklch(0.145 0 0);
118-
--popover: oklch(1 0 0);
119-
--popover-foreground: oklch(0.145 0 0);
120-
--primary: oklch(0.205 0 0);
121-
--primary-foreground: oklch(0.985 0 0);
122-
--secondary: oklch(0.97 0 0);
123-
--secondary-foreground: oklch(0.205 0 0);
124-
--muted: oklch(0.97 0 0);
125-
--muted-foreground: oklch(0.556 0 0);
126-
--accent: oklch(0.97 0 0);
127-
--accent-foreground: oklch(0.205 0 0);
128-
--destructive: oklch(0.577 0.245 27.325);
129-
--destructive-foreground: oklch(0.577 0.245 27.325);
130-
--border: oklch(0.922 0 0);
131-
--input: oklch(0.922 0 0);
132-
--ring: oklch(0.87 0 0);
133-
--chart-1: oklch(0.646 0.222 41.116);
134-
--chart-2: oklch(0.6 0.118 184.704);
135-
--chart-3: oklch(0.398 0.07 227.392);
136-
--chart-4: oklch(0.828 0.189 84.429);
137-
--chart-5: oklch(0.769 0.188 70.08);
115+
--background: oklch(0.9600 0.0100 220);
116+
--foreground: oklch(0.2200 0.0200 240);
117+
--card: oklch(0.9900 0.0050 220);
118+
--card-foreground: oklch(0.2200 0.0200 240);
119+
--popover: oklch(0.9900 0.0050 220);
120+
--popover-foreground: oklch(0.2200 0.0200 240);
121+
--primary: oklch(0.6200 0.1300 210);
122+
--primary-foreground: oklch(0.9800 0 0);
123+
--secondary: oklch(0.8600 0.0200 220);
124+
--secondary-foreground: oklch(0.2200 0.0200 240);
125+
--muted: oklch(0.9200 0.0150 220);
126+
--muted-foreground: oklch(0.5000 0.0150 240);
127+
--accent: oklch(0.9000 0.0400 200);
128+
--accent-foreground: oklch(0.2200 0.0200 240);
129+
--destructive: oklch(0.6500 0.1800 25);
130+
--destructive-foreground: oklch(1 0 0);
131+
--border: oklch(0.8600 0.0150 220);
132+
--input: oklch(0.8600 0.0150 220);
133+
--ring: oklch(0.6200 0.1300 210);
134+
--chart-1: oklch(0.66 0.13 205);
135+
--chart-2: oklch(0.72 0.10 180);
136+
--chart-3: oklch(0.78 0.08 235);
137+
--chart-4: oklch(0.62 0.07 255);
138+
--chart-5: oklch(0.74 0.06 165);
138139
--radius: 0.625rem;
139-
--sidebar: oklch(0.985 0 0);
140-
--sidebar-foreground: oklch(0.145 0 0);
141-
--sidebar-primary: oklch(0.205 0 0);
142-
--sidebar-primary-foreground: oklch(0.985 0 0);
143-
--sidebar-accent: oklch(0.97 0 0);
144-
--sidebar-accent-foreground: oklch(0.205 0 0);
145-
--sidebar-border: oklch(0.922 0 0);
146-
--sidebar-ring: oklch(0.87 0 0);
140+
--sidebar: oklch(0.9300 0.0120 220);
141+
--sidebar-foreground: oklch(0.2200 0.0200 240);
142+
--sidebar-primary: oklch(0.6200 0.1300 210);
143+
--sidebar-primary-foreground: oklch(1 0 0);
144+
--sidebar-accent: oklch(0.9800 0.0050 220);
145+
--sidebar-accent-foreground: oklch(0.2200 0.0200 240);
146+
--sidebar-border: oklch(0.8600 0.0150 220);
147+
--sidebar-ring: oklch(0.6200 0.1300 210);
148+
--font-sans: Space Grotesk, sans-serif;
147149
}
148150

149151
.dark {
150-
--background: oklch(0.145 0 0);
151-
--foreground: oklch(0.985 0 0);
152-
--card: oklch(0.145 0 0);
153-
--card-foreground: oklch(0.985 0 0);
154-
--popover: oklch(0.145 0 0);
155-
--popover-foreground: oklch(0.985 0 0);
156-
--primary: oklch(0.985 0 0);
157-
--primary-foreground: oklch(0.205 0 0);
158-
--secondary: oklch(0.269 0 0);
159-
--secondary-foreground: oklch(0.985 0 0);
160-
--muted: oklch(0.269 0 0);
161-
--muted-foreground: oklch(0.708 0 0);
162-
--accent: oklch(0.269 0 0);
163-
--accent-foreground: oklch(0.985 0 0);
164-
--destructive: oklch(0.396 0.141 25.723);
165-
--destructive-foreground: oklch(0.637 0.237 25.331);
166-
--border: oklch(0.269 0 0);
167-
--input: oklch(0.269 0 0);
168-
--ring: oklch(0.439 0 0);
169-
--chart-1: oklch(0.488 0.243 264.376);
170-
--chart-2: oklch(0.696 0.17 162.48);
171-
--chart-3: oklch(0.769 0.188 70.08);
172-
--chart-4: oklch(0.627 0.265 303.9);
173-
--chart-5: oklch(0.645 0.246 16.439);
174-
--sidebar: oklch(0.205 0 0);
175-
--sidebar-foreground: oklch(0.985 0 0);
176-
--sidebar-primary: oklch(0.985 0 0);
177-
--sidebar-primary-foreground: oklch(0.985 0 0);
178-
--sidebar-accent: oklch(0.269 0 0);
179-
--sidebar-accent-foreground: oklch(0.985 0 0);
180-
--sidebar-border: oklch(0.269 0 0);
181-
--sidebar-ring: oklch(0.439 0 0);
152+
--background: oklch(0.1500 0.0150 250);
153+
--foreground: oklch(0.9300 0.0100 220);
154+
--card: oklch(0.2000 0.0200 245);
155+
--card-foreground: oklch(0.9300 0.0100 220);
156+
--popover: oklch(0.2000 0.0200 245);
157+
--popover-foreground: oklch(0.9300 0.0100 220);
158+
--primary: oklch(0.7400 0.1400 200);
159+
--primary-foreground: oklch(0.1400 0.0100 250);
160+
--secondary: oklch(0.3000 0.0200 245);
161+
--secondary-foreground: oklch(0.9300 0.0100 220);
162+
--muted: oklch(0.2600 0.0150 245);
163+
--muted-foreground: oklch(0.7000 0.0150 220);
164+
--accent: oklch(0.3400 0.0400 210);
165+
--accent-foreground: oklch(0.9500 0.0100 220);
166+
--destructive: oklch(0.6800 0.1900 25);
167+
--destructive-foreground: oklch(1 0 0);
168+
--border: oklch(0.3200 0.0200 245);
169+
--input: oklch(0.3200 0.0200 245);
170+
--ring: oklch(0.7400 0.1400 200);
171+
--chart-1: oklch(0.76 0.15 200);
172+
--chart-2: oklch(0.72 0.11 175);
173+
--chart-3: oklch(0.80 0.09 235);
174+
--chart-4: oklch(0.68 0.08 255);
175+
--chart-5: oklch(0.78 0.07 160);
176+
--sidebar: oklch(0.1800 0.0180 245);
177+
--sidebar-foreground: oklch(0.9300 0.0100 220);
178+
--sidebar-primary: oklch(0.7400 0.1400 200);
179+
--sidebar-primary-foreground: oklch(0.1400 0.0100 250);
180+
--sidebar-accent: oklch(0.2800 0.0200 245);
181+
--sidebar-accent-foreground: oklch(0.9500 0.0100 220);
182+
--sidebar-border: oklch(0.3200 0.0200 245);
183+
--sidebar-ring: oklch(0.7400 0.1400 200);
184+
--shadow-blur: 40px;
185+
--shadow-color: #000000;
186+
--shadow-spread: -8px;
187+
--shadow-opacity: 0.35;
188+
--shadow-offset-x: 0px;
189+
--shadow-offset-y: 12px;
190+
--font-sans: Space Grotesk, sans-serif;
182191
}
183192

184193
@layer base {
185194
* {
186195
@apply border-border;
196+
border-color: var(--border);
187197
}
188198

189199
body {
190200
@apply bg-background text-foreground;
201+
color: var(--foreground);
202+
background: var(--background);
203+
letter-spacing: var(--tracking-normal);
204+
background-image: linear-gradient(to bottom right, oklch(0.22 0.03 240), oklch(0.14 0.01 260));
191205
}
192206
}
207+
208+
@theme inline {
209+
--radius: 1.25rem;
210+
--font-mono: JetBrains Mono, monospace;
211+
--font-sans: Space Grotesk, sans-serif;
212+
--font-serif: serif;
213+
--tracking-wide: 0.025em;
214+
--tracking-tight: -0.025em;
215+
--tracking-wider: 0.05em;
216+
--tracking-normal: 0rem;
217+
--tracking-widest: 0.1em;
218+
--tracking-tighter: -0.05em;
219+
--shadow-offset-y: var(--shadow-offset-y);
220+
--shadow-offset-x: var(--shadow-offset-x);
221+
--shadow-opacity: var(--shadow-opacity);
222+
--shadow-spread: var(--shadow-spread);
223+
--color-shadow-color: var(--shadow-color);
224+
--shadow-blur: var(--shadow-blur);
225+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
226+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
227+
--color-destructive-foreground: var(--destructive-foreground);
228+
--color-secondary-foreground: var(--secondary-foreground);
229+
--color-sidebar-foreground: var(--sidebar-foreground);
230+
--color-primary-foreground: var(--primary-foreground);
231+
--color-popover-foreground: var(--popover-foreground);
232+
--color-accent-foreground: var(--accent-foreground);
233+
--color-muted-foreground: var(--muted-foreground);
234+
--color-sidebar-primary: var(--sidebar-primary);
235+
--color-card-foreground: var(--card-foreground);
236+
--color-sidebar-border: var(--sidebar-border);
237+
--color-sidebar-accent: var(--sidebar-accent);
238+
--color-sidebar-ring: var(--sidebar-ring);
239+
--color-destructive: var(--destructive);
240+
--color-foreground: var(--foreground);
241+
--color-background: var(--background);
242+
--color-secondary: var(--secondary);
243+
--color-sidebar: var(--sidebar);
244+
--color-primary: var(--primary);
245+
--color-popover: var(--popover);
246+
--color-chart-5: var(--chart-5);
247+
--color-chart-4: var(--chart-4);
248+
--color-chart-3: var(--chart-3);
249+
--color-chart-2: var(--chart-2);
250+
--color-chart-1: var(--chart-1);
251+
--color-border: var(--border);
252+
--color-accent: var(--accent);
253+
--color-muted: var(--muted);
254+
--color-input: var(--input);
255+
--color-ring: var(--ring);
256+
--color-card: var(--card);
257+
--radius-sm: calc(var(--radius) * 0.6);
258+
--radius-md: calc(var(--radius) * 0.8);
259+
--radius-lg: var(--radius);
260+
--radius-xl: calc(var(--radius) * 1.4);
261+
--radius-2xl: calc(var(--radius) * 1.8);
262+
--radius-3xl: calc(var(--radius) * 2.2);
263+
--radius-4xl: calc(var(--radius) * 2.6);
264+
}

‎resources/js/pages/home.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ function Home() {
66
return (
77
<MainWrapper as={`section`}>
88
<h1 className="text-7xl">Home</h1>
9-
<RegistryInstaller code={`boho`} />
9+
<RegistryInstaller code={`yeti`} />
1010
</MainWrapper>
1111
);
1212
}

0 commit comments

Comments
 (0)