Skip to content

Commit 8b78f01

Browse files
AmanVarshney01AmanVarshney01
committed
update theme (experimental)
1 parent 906b555 commit 8b78f01

4 files changed

Lines changed: 62 additions & 65 deletions

File tree

‎apps/cli/tsdown.config.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@ export default defineConfig({
55
format: ["esm"],
66
clean: true,
77
shims: true,
8-
minify: true,
98
outDir: "dist",
109
outputOptions: {
1110
banner: "#!/usr/bin/env node",

‎apps/web/src/app/(home)/_components/stack-builder.tsx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,6 @@ import { useQueryStates } from "nuqs";
3838
import type React from "react";
3939
import { useEffect, useMemo, useRef, useState } from "react";
4040
import { toast } from "sonner";
41-
import SponsorsSection from "./sponsors-section";
4241

4342
const validateProjectName = (name: string): string | undefined => {
4443
const INVALID_CHARS = ["<", ">", ":", '"', "|", "?", "*"];
@@ -1837,7 +1836,7 @@ const StackBuilder = () => {
18371836
? "cursor-not-allowed opacity-60"
18381837
: "cursor-pointer",
18391838
isSelected
1840-
? "border-primary bg-primary/10 ring-1 ring-primary"
1839+
? "border-primary bg-primary/10"
18411840
: `border-border ${
18421841
!isDisabled
18431842
? "hover:border-muted hover:bg-muted"
@@ -1909,7 +1908,6 @@ const StackBuilder = () => {
19091908
);
19101909
})}
19111910
<div className="h-10" />
1912-
<SponsorsSection />
19131911
</main>
19141912
</ScrollArea>
19151913
</div>

‎apps/web/src/app/(home)/page.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -154,13 +154,13 @@ export default function HomePage() {
154154
<Button
155155
size="lg"
156156
variant="outline"
157-
className="w-full hover:text-primary sm:w-auto"
157+
className="w-full hover:bg-muted/50 hover:text-foreground sm:w-auto dark:hover:text-foreground"
158158
disabled={isLoadingStars}
159159
>
160160
<Github className="mr-2 h-4 w-4" />
161161
Star on GitHub
162162
{stars !== null && !isLoadingStars && (
163-
<span className="ml-2 flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-xs">
163+
<span className="ml-2 flex items-center gap-1 rounded bg-muted/30 px-1.5 py-0.5 text-xs">
164164
<Star className="h-3 w-3 text-yellow-400" />
165165
{stars}
166166
</span>
@@ -175,7 +175,7 @@ export default function HomePage() {
175175
<Button
176176
size="lg"
177177
variant="outline"
178-
className="w-full hover:text-primary sm:w-auto"
178+
className="w-full hover:bg-muted/50 hover:text-foreground sm:w-auto dark:hover:text-foreground"
179179
>
180180
<Image
181181
src={discordLogo}

‎apps/web/src/app/global.css‎

Lines changed: 58 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -146,39 +146,38 @@
146146

147147
:root {
148148
--radius: 0.35rem;
149-
/* --background: oklch(0.96 0.01 264.53); */
150149
--background: oklch(1 0 0);
151-
--foreground: oklch(0.44 0.04 279.33);
150+
--foreground: oklch(0.44 0.04 279.33); /* Restored dark text on light background */
152151
--card: oklch(1 0 0);
153-
--card-foreground: oklch(0.44 0.04 279.33);
152+
--card-foreground: oklch(0.44 0.04 279.33); /* Restored dark text on light cards */
154153
--popover: oklch(0.86 0.01 268.48);
155-
--popover-foreground: oklch(0.44 0.04 279.33);
156-
--primary: oklch(0.5 0.18 297.02);
157-
--primary-foreground: oklch(1 0 0);
154+
--popover-foreground: oklch(0.44 0.04 279.33); /* Restored dark text on popover */
155+
--primary: #8839ef; /* Darker Mauve for better contrast on light bg */
156+
--primary-foreground: #ffffff;
158157
--secondary: oklch(0.86 0.01 268.48);
159-
--secondary-foreground: oklch(0.44 0.04 279.33);
158+
--secondary-foreground: oklch(0.44 0.04 279.33); /* Restored dark text */
160159
--muted: oklch(0.91 0.01 264.51);
161-
--muted-foreground: oklch(0.55 0.03 279.08);
162-
--accent: oklch(0.5 0.18 297.02 / 60%);
163-
--accent-foreground: oklch(1 0 0);
164-
--destructive: oklch(0.55 0.22 19.81);
165-
--border: oklch(0.81 0.02 271.2);
160+
--muted-foreground: oklch(0.55 0.03 279.08); /* Restored muted text color */
161+
--accent: #9353d3; /* Darker accent for better visibility on light bg */
162+
--accent-foreground: #ffffff;
163+
--destructive: #d20f39; /* Darker Red for better contrast */
164+
--border: oklch(0.81 0.02 271.2); /* Restored lighter border for light mode */
166165
--input: oklch(0.86 0.01 268.48);
167-
--ring: oklch(0.5 0.18 297.02);
168-
--chart-1: oklch(0.5 0.18 297.02);
169-
--chart-2: oklch(0.5 0.18 297.02 / 60%);
170-
--chart-3: oklch(0.63 0.18 140.44);
171-
--chart-4: oklch(0.69 0.2 42.43);
172-
--chart-5: oklch(0.71 0.1 33.1);
166+
--ring: #8839ef;
167+
--chart-1: #8839ef; /* Darker Mauve */
168+
--chart-2: #df8e1d; /* Darker Yellow */
169+
--chart-3: #40a02b; /* Darker Green */
170+
--chart-4: #fe640b; /* Darker Peach */
171+
--chart-5: #d20f39; /* Darker Red */
173172
--sidebar: oklch(0.93 0.01 264.52);
174-
--sidebar-foreground: oklch(0.44 0.04 279.33);
175-
--sidebar-primary: oklch(0.5 0.18 297.02);
176-
--sidebar-primary-foreground: oklch(1 0 0);
177-
--sidebar-accent: oklch(0.5 0.18 297.02 / 60%);
178-
--sidebar-accent-foreground: oklch(1 0 0);
179-
--sidebar-border: oklch(0.81 0.02 271.2);
180-
--sidebar-ring: oklch(0.5 0.18 297.02);
181-
--destructive-foreground: oklch(1 0 0);
173+
--sidebar-foreground: oklch(0.44 0.04 279.33); /* Restored dark text on sidebar */
174+
--sidebar-primary: #8839ef;
175+
--sidebar-primary-foreground: #ffffff;
176+
--sidebar-accent: #9353d3;
177+
--sidebar-accent-foreground: #ffffff;
178+
--sidebar-border: oklch(0.81 0.02 271.2); /* Restored light sidebar border */
179+
--sidebar-ring: #8839ef;
180+
--destructive-foreground: oklch(1 0 0); /* Restored white text on destructive */
182181
--font-sans: Montserrat, sans-serif;
183182
--font-serif: Georgia, serif;
184183
--font-mono: Fira Code, monospace;
@@ -207,38 +206,39 @@
207206
}
208207

209208
.dark {
210-
--background: oklch(0.22 0.03 284.06);
211-
--foreground: oklch(0.88 0.04 272.28);
212-
--card: oklch(0.24 0.03 283.91);
213-
--card-foreground: oklch(0.88 0.04 272.28);
214-
--popover: oklch(0.4 0.03 280.15);
215-
--popover-foreground: oklch(0.88 0.04 272.28);
216-
--primary: oklch(0.69 0.08 304.77);
217-
--primary-foreground: oklch(0.24 0.03 283.91);
218-
--secondary: oklch(0.48 0.03 278.64);
219-
--secondary-foreground: oklch(0.88 0.04 272.28);
220-
--muted: oklch(0.3 0.03 276.21);
221-
--muted-foreground: oklch(0.75 0.04 273.93);
222-
--accent: oklch(0.69 0.08 304.77 / 60%);
223-
--accent-foreground: oklch(0.24 0.03 283.91);
224-
--destructive: oklch(0.76 0.13 2.76);
225-
--border: oklch(0.32 0.03 281.98);
226-
--input: oklch(0.32 0.03 281.98);
227-
--ring: oklch(0.69 0.08 304.77);
228-
--chart-1: oklch(0.69 0.08 304.77);
229-
--chart-2: oklch(0.69 0.08 304.77 / 60%);
230-
--chart-3: oklch(0.86 0.11 142.72);
231-
--chart-4: oklch(0.82 0.1 52.63);
232-
--chart-5: oklch(0.92 0.02 30.49);
233-
--sidebar: oklch(0.18 0.02 284.2);
234-
--sidebar-foreground: oklch(0.88 0.04 272.28);
235-
--sidebar-primary: oklch(0.69 0.08 304.77);
236-
--sidebar-primary-foreground: oklch(0.24 0.03 283.91);
237-
--sidebar-accent: oklch(0.69 0.08 304.77 / 60%);
238-
--sidebar-accent-foreground: oklch(0.24 0.03 283.91);
239-
--sidebar-border: oklch(0.4 0.03 280.15);
240-
--sidebar-ring: oklch(0.69 0.08 304.77);
241-
--destructive-foreground: oklch(0.24 0.03 283.91);
209+
/* Dark theme - Using specified colors */
210+
--background: #0c0c0c; /* From user override */
211+
--foreground: #d1d5dc; /* From user override */
212+
--card: #0c0c0c; /* From user override */
213+
--card-foreground: #d1d5dc; /* From user override */
214+
--popover: #0c0c0c; /* From user override */
215+
--popover-foreground: #d1d5dc; /* From user override */
216+
--primary: #cba6f7; /* Mauve from Catppuccin Mocha */
217+
--primary-foreground: #0c0c0c; /* From user override */
218+
--secondary: #0c0c0c; /* From user override */
219+
--secondary-foreground: #d1d5dc; /* From user override */
220+
--muted: #0c0c0c; /* From user override */
221+
--muted-foreground: #778298; /* From user override */
222+
--accent: #cba6f7; /* Made same as primary for consistency */
223+
--accent-foreground: #0c0c0c; /* From user override */
224+
--destructive: #f38ba8; /* Red from Catppuccin Mocha */
225+
--border: #242424; /* From user override */
226+
--input: #242424; /* From user override */
227+
--ring: #cba6f7; /* Mauve from Catppuccin Mocha */
228+
--chart-1: #cba6f7; /* Mauve */
229+
--chart-2: #f9e2af; /* Yellow */
230+
--chart-3: #a6e3a1; /* Green */
231+
--chart-4: #fab387; /* Peach */
232+
--chart-5: #f38ba8; /* Red */
233+
--sidebar: #0c0c0c; /* From user override */
234+
--sidebar-foreground: #d1d5dc; /* From user override */
235+
--sidebar-primary: #cba6f7; /* Mauve from Catppuccin Mocha */
236+
--sidebar-primary-foreground: #0c0c0c; /* From user override */
237+
--sidebar-accent: #cba6f7; /* Made same as primary for consistency */
238+
--sidebar-accent-foreground: #0c0c0c; /* From user override */
239+
--sidebar-border: #242424; /* From user override */
240+
--sidebar-ring: #cba6f7; /* Mauve from Catppuccin Mocha */
241+
--destructive-foreground: #0c0c0c; /* From user override */
242242
--radius: 0.35rem;
243243
--font-sans: Montserrat, sans-serif;
244244
--font-serif: Georgia, serif;

0 commit comments

Comments
 (0)