franpcode/create-better-t-stack
1
0
Fork 0
mirror of https://github.com/FranP-code/create-better-t-stack.git synced 2025-10-12 23:52:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

update theme (experimental)

Browse Source
This commit is contained in:
Aman Varshney
2025-05-27 21:29:00 +05:30
parent 906b55599b
commit 5d71832518
4 changed files with 52 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/cli/tsdown.config.ts
View File

@@ -5,7 +5,6 @@ export default defineConfig({
format: ["esm"], format: ["esm"],
clean: true, clean: true,
shims: true, shims: true,
minify: true,
outDir: "dist", outDir: "dist",
outputOptions: { outputOptions: {
banner: "#!/usr/bin/env node", banner: "#!/usr/bin/env node",

4
apps/web/src/app/(home)/_components/stack-builder.tsx
View File

@@ -38,7 +38,6 @@ import { useQueryStates } from "nuqs";
import type React from "react"; import type React from "react";
import { useEffect, useMemo, useRef, useState } from "react"; import { useEffect, useMemo, useRef, useState } from "react";
import { toast } from "sonner"; import { toast } from "sonner";
import SponsorsSection from "./sponsors-section";
const validateProjectName = (name: string): string | undefined => { const validateProjectName = (name: string): string | undefined => {
const INVALID_CHARS = ["<", ">", ":", '"', "|", "?", "*"]; const INVALID_CHARS = ["<", ">", ":", '"', "|", "?", "*"];
@@ -1837,7 +1836,7 @@ const StackBuilder = () => {
? "cursor-not-allowed opacity-60" ? "cursor-not-allowed opacity-60"
: "cursor-pointer", : "cursor-pointer",
isSelected isSelected
? "border-primary bg-primary/10 ring-1 ring-primary" ? "border-primary bg-primary/10"
: `border-border ${ : `border-border ${
!isDisabled !isDisabled
? "hover:border-muted hover:bg-muted" ? "hover:border-muted hover:bg-muted"
@@ -1909,7 +1908,6 @@ const StackBuilder = () => {
); );
})} })}
<div className="h-10" /> <div className="h-10" />
<SponsorsSection />
</main> </main>
</ScrollArea> </ScrollArea>
</div> </div>

6
apps/web/src/app/(home)/page.tsx
View File

@@ -154,13 +154,13 @@ export default function HomePage() {
<Button <Button
size="lg" size="lg"
variant="outline" variant="outline"
className="w-full hover:text-primary sm:w-auto" className="w-full hover:bg-muted/50 hover:text-foreground sm:w-auto dark:hover:text-foreground"
disabled={isLoadingStars} disabled={isLoadingStars}
> >
<Github className="mr-2 h-4 w-4" /> <Github className="mr-2 h-4 w-4" />
Star on GitHub Star on GitHub
{stars !== null && !isLoadingStars && ( {stars !== null && !isLoadingStars && (
<span className="ml-2 flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-xs"> <span className="ml-2 flex items-center gap-1 rounded bg-muted/30 px-1.5 py-0.5 text-xs">
<Star className="h-3 w-3 text-yellow-400" /> <Star className="h-3 w-3 text-yellow-400" />
{stars} {stars}
</span> </span>
@@ -175,7 +175,7 @@ export default function HomePage() {
<Button <Button
size="lg" size="lg"
variant="outline" variant="outline"
className="w-full hover:text-primary sm:w-auto" className="w-full hover:bg-muted/50 hover:text-foreground sm:w-auto dark:hover:text-foreground"
> >
<Image <Image
src={discordLogo} src={discordLogo}

97
apps/web/src/app/global.css
View File

@@ -146,38 +146,37 @@
:root { :root {
--radius: 0.35rem; --radius: 0.35rem;
/* --background: oklch(0.96 0.01 264.53); */
--background: oklch(1 0 0); --background: oklch(1 0 0);
--foreground: oklch(0.44 0.04 279.33); --foreground: oklch(0.44 0.04 279.33);
--card: oklch(1 0 0); --card: oklch(1 0 0);
--card-foreground: oklch(0.44 0.04 279.33); --card-foreground: oklch(0.44 0.04 279.33);
--popover: oklch(0.86 0.01 268.48); --popover: oklch(0.86 0.01 268.48);
--popover-foreground: oklch(0.44 0.04 279.33); --popover-foreground: oklch(0.44 0.04 279.33);
--primary: oklch(0.5 0.18 297.02); --primary: #8839ef;
--primary-foreground: oklch(1 0 0); --primary-foreground: #ffffff;
--secondary: oklch(0.86 0.01 268.48); --secondary: oklch(0.86 0.01 268.48);
--secondary-foreground: oklch(0.44 0.04 279.33); --secondary-foreground: oklch(0.44 0.04 279.33);
--muted: oklch(0.91 0.01 264.51); --muted: oklch(0.91 0.01 264.51);
--muted-foreground: oklch(0.55 0.03 279.08); --muted-foreground: oklch(0.55 0.03 279.08);
--accent: oklch(0.5 0.18 297.02 / 60%); --accent: #9353d3;
--accent-foreground: oklch(1 0 0); --accent-foreground: #ffffff;
--destructive: oklch(0.55 0.22 19.81); --destructive: #d20f39;
--border: oklch(0.81 0.02 271.2); --border: oklch(0.81 0.02 271.2);
--input: oklch(0.86 0.01 268.48); --input: oklch(0.86 0.01 268.48);
--ring: oklch(0.5 0.18 297.02); --ring: #8839ef;
--chart-1: oklch(0.5 0.18 297.02); --chart-1: #8839ef;
--chart-2: oklch(0.5 0.18 297.02 / 60%); --chart-2: #df8e1d;
--chart-3: oklch(0.63 0.18 140.44); --chart-3: #40a02b;
--chart-4: oklch(0.69 0.2 42.43); --chart-4: #fe640b;
--chart-5: oklch(0.71 0.1 33.1); --chart-5: #d20f39;
--sidebar: oklch(0.93 0.01 264.52); --sidebar: oklch(0.93 0.01 264.52);
--sidebar-foreground: oklch(0.44 0.04 279.33); --sidebar-foreground: oklch(0.44 0.04 279.33);
--sidebar-primary: oklch(0.5 0.18 297.02); --sidebar-primary: #8839ef;
--sidebar-primary-foreground: oklch(1 0 0); --sidebar-primary-foreground: #ffffff;
--sidebar-accent: oklch(0.5 0.18 297.02 / 60%); --sidebar-accent: #9353d3;
--sidebar-accent-foreground: oklch(1 0 0); --sidebar-accent-foreground: #ffffff;
--sidebar-border: oklch(0.81 0.02 271.2); --sidebar-border: oklch(0.81 0.02 271.2);
--sidebar-ring: oklch(0.5 0.18 297.02); --sidebar-ring: #8839ef;
--destructive-foreground: oklch(1 0 0); --destructive-foreground: oklch(1 0 0);
--font-sans: Montserrat, sans-serif; --font-sans: Montserrat, sans-serif;
--font-serif: Georgia, serif; --font-serif: Georgia, serif;
@@ -207,38 +206,38 @@
} }
.dark { .dark {
--background: oklch(0.22 0.03 284.06); --background: #0c0c0c;
--foreground: oklch(0.88 0.04 272.28); --foreground: #d1d5dc;
--card: oklch(0.24 0.03 283.91); --card: #0c0c0c;
--card-foreground: oklch(0.88 0.04 272.28); --card-foreground: #d1d5dc;
--popover: oklch(0.4 0.03 280.15); --popover: #0c0c0c;
--popover-foreground: oklch(0.88 0.04 272.28); --popover-foreground: #d1d5dc;
--primary: oklch(0.69 0.08 304.77); --primary: #cba6f7;
--primary-foreground: oklch(0.24 0.03 283.91); --primary-foreground: #0c0c0c;
--secondary: oklch(0.48 0.03 278.64); --secondary: #0c0c0c;
--secondary-foreground: oklch(0.88 0.04 272.28); --secondary-foreground: #d1d5dc;
--muted: oklch(0.3 0.03 276.21); --muted: #0c0c0c;
--muted-foreground: oklch(0.75 0.04 273.93); --muted-foreground: #778298;
--accent: oklch(0.69 0.08 304.77 / 60%); --accent: #cba6f7;
--accent-foreground: oklch(0.24 0.03 283.91); --accent-foreground: #0c0c0c;
--destructive: oklch(0.76 0.13 2.76); --destructive: #f38ba8;
--border: oklch(0.32 0.03 281.98); --border: #242424;
--input: oklch(0.32 0.03 281.98); --input: #242424;
--ring: oklch(0.69 0.08 304.77); --ring: #cba6f7;
--chart-1: oklch(0.69 0.08 304.77); --chart-1: #cba6f7;
--chart-2: oklch(0.69 0.08 304.77 / 60%); --chart-2: #f9e2af;
--chart-3: oklch(0.86 0.11 142.72); --chart-3: #a6e3a1;
--chart-4: oklch(0.82 0.1 52.63); --chart-4: #fab387;
--chart-5: oklch(0.92 0.02 30.49); --chart-5: #f38ba8;
--sidebar: oklch(0.18 0.02 284.2); --sidebar: #0c0c0c;
--sidebar-foreground: oklch(0.88 0.04 272.28); --sidebar-foreground: #d1d5dc;
--sidebar-primary: oklch(0.69 0.08 304.77); --sidebar-primary: #cba6f7;
--sidebar-primary-foreground: oklch(0.24 0.03 283.91); --sidebar-primary-foreground: #0c0c0c;
--sidebar-accent: oklch(0.69 0.08 304.77 / 60%); --sidebar-accent: #cba6f7;
--sidebar-accent-foreground: oklch(0.24 0.03 283.91); --sidebar-accent-foreground: #0c0c0c;
--sidebar-border: oklch(0.4 0.03 280.15); --sidebar-border: #242424;
--sidebar-ring: oklch(0.69 0.08 304.77); --sidebar-ring: #cba6f7;
--destructive-foreground: oklch(0.24 0.03 283.91); --destructive-foreground: #0c0c0c;
--radius: 0.35rem; --radius: 0.35rem;
--font-sans: Montserrat, sans-serif; --font-sans: Montserrat, sans-serif;
--font-serif: Georgia, serif; --font-serif: Georgia, serif;