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

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

@@ -154,13 +154,13 @@ export default function HomePage() {
<Button
size="lg"
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}
>
<Github className="mr-2 h-4 w-4" />
Star on GitHub
{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" />
{stars}
</span>
@@ -175,7 +175,7 @@ export default function HomePage() {
<Button
size="lg"
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
src={discordLogo}

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

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