admin/honeyDueWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: simplify theme system to single Warm Sage brand palette

Browse Source 
Consolidate from 11 themes to one cohesive Warm Sage palette across
landing page, auth layout, dashboard components, kanban columns,
demo banner, theme picker, and CSS variables.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Trey t
2026-03-03 18:26:40 -06:00
parent 264107e3bf
commit 44993ae601
17 changed files with 187 additions and 1381 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/demo/page.tsx
+8 -8
View File
@@ -8,8 +8,8 @@ export default function DemoLandingPage() {
return (
<div className="flex min-h-screen flex-col items-center justify-center bg-[#FAFAF7] px-6 relative overflow-hidden">
{/* Decorative background */}
<div className="absolute top-20 right-[-10%] w-[500px] h-[500px] rounded-full bg-[#E07A3A]/[0.04] blur-3xl pointer-events-none" />
<div className="absolute bottom-0 left-[-5%] w-[300px] h-[300px] rounded-full bg-[#0D7C66]/[0.03] blur-3xl pointer-events-none" />
<div className="absolute top-20 right-[-10%] w-[500px] h-[500px] rounded-full bg-[#6B8F71]/[0.04] blur-3xl pointer-events-none" />
<div className="absolute bottom-0 left-[-5%] w-[300px] h-[300px] rounded-full bg-[#C4856A]/[0.03] blur-3xl pointer-events-none" />
<div className="relative mx-auto max-w-lg text-center">
{/* Logo */}
@@ -21,16 +21,16 @@ export default function DemoLandingPage() {
height={36}
className="rounded-lg"
/>
<span className="font-heading text-2xl font-bold tracking-tight text-[#1C1917]">
<span className="font-heading text-2xl font-bold tracking-tight text-[#2D3436]">
Casera
</span>
</Link>
{/* Hero */}
<h1 className="font-heading text-4xl font-bold tracking-tight text-[#1C1917]">
<h1 className="font-heading text-4xl font-bold tracking-tight text-[#2D3436]">
See Casera in action
</h1>
<p className="mt-4 text-lg text-[#78716C] leading-relaxed">
<p className="mt-4 text-lg text-[#8A8F87] leading-relaxed">
Explore the full app with sample data. No account needed —
just click and start exploring.
</p>
@@ -39,7 +39,7 @@ export default function DemoLandingPage() {
<div className="mt-10 flex flex-col sm:flex-row items-center justify-center gap-4">
<Link
href="/demo/app"
className="group inline-flex items-center gap-2.5 rounded-full bg-[#E07A3A] px-8 py-4 text-base font-semibold text-white shadow-lg shadow-[#E07A3A]/20 hover:bg-[#C4632A] transition-all"
className="group inline-flex items-center gap-2.5 rounded-full bg-[#C4856A] px-8 py-4 text-base font-semibold text-white shadow-lg shadow-[#C4856A]/20 hover:bg-[#A86B52] transition-all"
>
<Play className="size-4" />
Launch Demo
@@ -48,9 +48,9 @@ export default function DemoLandingPage() {
</div>
{/* Login link */}
<p className="mt-8 text-sm text-[#A8A29E]">
<p className="mt-8 text-sm text-[#9A9E97]">
Already have an account?{" "}
<Link href="/login" className="text-[#E07A3A] font-medium hover:underline">
<Link href="/login" className="text-[#6B8F71] font-medium hover:underline">
Sign In
</Link>
</p>