florian.wilde/bricktrack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(design): designauswahl mit klemmbaustein-look als standard

Browse Source 
Sechs Designs (Klemmbaustein, Warm, Nachtblau, Bonbon, Bauklotz,
Schlicht) als Tokens je data-design, gewaehlt unter Konto und pro Geraet
im Cookie gespeichert. Dazu Noppen, Steinkontur, Platzhalter fuer Sets
ohne Bild, neues Logo, lokal gebuendelte Schriften und eine Startseite
mit Steinreihe und naechstem Termin.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
unknown
2026-10-25 15:01:33 +01:00
co-authored by Claude Opus 5.5
parent e9093d0fad
commit 1b825b44c4
26 changed files with 1343 additions and 259 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
+33 -2
View File
@@ -1,6 +1,7 @@
@import "tailwindcss";
@import "tw-animate-css";
@import "shadcn/tailwind.css";
@import "./designs.css";
@custom-variant dark (&:is(.dark *));
@@ -10,6 +11,7 @@
"Segoe UI Emoji";
--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
"Liberation Mono", monospace;
--font-display: var(--font-sans);
}
@@ -18,7 +20,16 @@
--color-foreground: var(--foreground);
--font-sans: var(--font-sans);
--font-mono: var(--font-mono);
--font-heading: var(--font-sans);
--font-heading: var(--font-display);
--color-edge: var(--edge);
--color-owned: var(--owned);
--color-owned-foreground: var(--owned-foreground);
--color-tone-ink: var(--tone-ink);
--color-tone-1: var(--tone-1);
--color-tone-2: var(--tone-2);
--color-tone-3: var(--tone-3);
--color-tone-4: var(--tone-4);
--color-tone-5: var(--tone-5);
--color-sidebar-ring: var(--sidebar-ring);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -90,6 +101,21 @@
--sidebar-accent-foreground: oklch(0.205 0 0);
--sidebar-border: oklch(0.922 0 0);
--sidebar-ring: oklch(0.708 0 0);
/* Brick look: outline, "lift" (the hard bottom edge) and studs. The
neutral design has none of it; see designs.css for the others. */
--edge: oklch(0.145 0 0 / 10%);
--edge-w: 1px;
--lift: none;
--lift-sm: none;
--studs: none;
--owned: oklch(0.596 0.145 163.225);
--owned-foreground: oklch(1 0 0);
--tone-ink: oklch(0.556 0 0);
--tone-1: oklch(0.97 0 0);
--tone-2: oklch(0.97 0 0);
--tone-3: oklch(0.97 0 0);
--tone-4: oklch(0.97 0 0);
--tone-5: oklch(0.97 0 0);
}
.dark {
@@ -136,4 +162,9 @@
html {
@apply font-sans;
}
}
h1,
h2,
h3 {
font-family: var(--font-display);
}
}␍