soconnor/beenvoice
1
0
Fork 0
mirror of https://github.com/soconnor0919/beenvoice.git synced 2025-12-13 17:44:44 -05:00
Code Issues Packages Projects Releases Wiki Activity

Rebrand color scheme from emerald/green to teal/blue

Browse Source
This commit is contained in:
Sean O'Connor
2025-07-16 14:30:01 -04:00
parent b5784061eb
commit 1023bc0c2b
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/dashboard/page.tsx
View File

@@ -24,17 +24,17 @@ import {
// Modern gradient background component // Modern gradient background component
function DashboardHero({ firstName }: { firstName: string }) { function DashboardHero({ firstName }: { firstName: string }) {
return ( return (
<div className="relative mb-8 overflow-hidden rounded-3xl bg-gradient-to-br from-teal-600 via-blue-600 to-blue-700 p-8 text-white"> <Card className="relative mb-8 overflow-hidden p-8 border-0 shadow-sm transition-shadow hover:shadow-md">
<div className="absolute inset-0 bg-black/10" /> <div className="absolute inset-0" />
<div className="relative z-10"> <div className="relative z-10">
<h1 className="mb-2 text-3xl font-bold">Welcome back, {firstName}!</h1> <h1 className="mb-2 text-3xl font-bold">Welcome back, {firstName}!</h1>
<p className="text-lg text-blue-100"> <p className="text-lg">
Ready to manage your invoicing business Ready to manage your invoicing business
</p> </p>
</div> </div>
<div className="absolute -top-8 -right-8 h-32 w-32 rounded-full bg-white/10" /> <div className="absolute -top-8 -right-8 h-32 w-32 rounded-full bg-white/10" />
<div className="absolute -right-4 -bottom-4 h-24 w-24 rounded-full bg-white/5" /> <div className="absolute -right-4 -bottom-4 h-24 w-24 rounded-full bg-white/5" />
</div> </Card>
); );
} }

4
src/styles/globals.css
View File

@@ -695,7 +695,7 @@
/* Additional Brand Utility Classes */ /* Additional Brand Utility Classes */
.btn-brand-primary { .btn-brand-primary {
@apply bg-gradient-to-r from-teal-600 to-blue-600 text-white shadow-lg shadow-teal-500/25 transition-all duration-300 hover:from-teal-700 hover:to-blue-700 hover:shadow-xl hover:shadow-teal-500/30; @apply bg-gradient-to-r from-teal-500 to-teal-700 text-white shadow-lg shadow-teal-500/25 transition-all duration-300 hover:from-teal-600 hover:to-teal-800 hover:shadow-xl hover:shadow-teal-500/30;
} }
.btn-brand-secondary { .btn-brand-secondary {
@@ -711,7 +711,7 @@
} }
.text-brand-gradient { .text-brand-gradient {
@apply bg-gradient-to-r from-teal-600 to-blue-600 bg-clip-text text-transparent; @apply bg-gradient-to-r from-teal-500 to-teal-700 bg-clip-text text-transparent;
} }
.text-brand-light { .text-brand-light {