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/(auth)/layout.tsx
+6 -6
View File
@@ -7,10 +7,10 @@ export default function AuthLayout({ children }: { children: React.ReactNode })
return (
<div className="min-h-screen flex bg-[#FAFAF7]">
{/* Left brand panel — hidden on mobile */}
<div className="hidden lg:flex lg:w-[480px] xl:w-[540px] relative flex-col justify-between bg-[#1C1917] p-10 overflow-hidden">
<div className="hidden lg:flex lg:w-[480px] xl:w-[540px] relative flex-col justify-between bg-[#2D3436] p-10 overflow-hidden">
{/* Decorative blurs */}
<div className="absolute top-0 right-0 w-80 h-80 rounded-full bg-[#E07A3A]/15 blur-[100px] pointer-events-none" />
<div className="absolute bottom-0 left-0 w-64 h-64 rounded-full bg-[#0D7C66]/10 blur-[80px] pointer-events-none" />
<div className="absolute top-0 right-0 w-80 h-80 rounded-full bg-[#6B8F71]/15 blur-[100px] pointer-events-none" />
<div className="absolute bottom-0 left-0 w-64 h-64 rounded-full bg-[#C4856A]/10 blur-[80px] pointer-events-none" />
{/* Subtle grid */}
<div
@@ -40,15 +40,15 @@ export default function AuthLayout({ children }: { children: React.ReactNode })
<div className="relative">
<h2 className="font-heading text-3xl font-bold text-white leading-snug mb-4">
Home maintenance,<br />
<span className="text-[#E07A3A]">simplified.</span>
<span className="text-[#8FB896]">simplified.</span>
</h2>
<p className="text-[#A8A29E] leading-relaxed max-w-sm">
<p className="text-[#9A9E97] leading-relaxed max-w-sm">
Track tasks, organize contractors, and store important
documents — all in one place built for homeowners.
</p>
</div>
<p className="relative text-xs text-[#78716C]">
<p className="relative text-xs text-[#8A8F87]">
&copy; {new Date().getFullYear()} Casera
</p>
</div>