andika/membership-fe
3
1
Fork 1
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor color scheme in member-related pages to use brand colors instead of CSS variables for consistency and improved readability

Browse Source
This commit is contained in:
kayela
2026-01-13 22:01:33 -06:00
parent 30d32d8823
commit e04d39fe17
61 changed files with 731 additions and 735 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/NotFound.js
View File

@@ -20,7 +20,7 @@ const NotFound = () => {
404
</h1>
<div className="absolute inset-0 flex items-center justify-center">
<Search className="h-24 w-24 text-[var(--purple-lavender)] opacity-30" />
<Search className="h-24 w-24 text-brand-purple opacity-30" />
</div>
</div>
</div>
@@ -33,7 +33,7 @@ const NotFound = () => {
Page Not Found
</h2>
<p
className="text-lg text-[var(--purple-lavender)] mb-8 max-w-md mx-auto"
className="text-lg text-brand-purple mb-8 max-w-md mx-auto"
style={{ fontFamily: "'Nunito Sans', sans-serif" }}
>
Oops! The page you're looking for doesn't exist. It might have been moved or deleted.
@@ -44,14 +44,14 @@ const NotFound = () => {
<Button
onClick={() => navigate(-1)}
variant="outline"
className="rounded-xl border-2 border-[var(--purple-lavender)] text-[var(--purple-lavender)] hover:bg-[var(--lavender-700)] px-6 py-6"
className="rounded-xl border-2 border-brand-purple text-brand-purple hover:bg-[var(--lavender-700)] px-6 py-6"
>
<ArrowLeft className="h-5 w-5 mr-2" />
Go Back
</Button>
<Button
onClick={() => navigate('/')}
className="rounded-xl bg-gradient-to-r from-[var(--purple-lavender)] to-[var(--purple-ink)] hover:from-[var(--purple-ink)] hover:to-[var(--purple-lavender)] text-white px-6 py-6"
className="rounded-xl bg-gradient-to-r from-brand-purple to-[var(--purple-ink)] hover:from-[var(--purple-ink)] hover:to-brand-purple text-white px-6 py-6"
>
<Home className="h-5 w-5 mr-2" />
Back to Home
@@ -61,13 +61,13 @@ const NotFound = () => {
{/* Help Text */}
<div className="mt-8 pt-8 border-t border-[var(--neutral-800)]">
<p
className="text-sm text-[var(--purple-lavender)]"
className="text-sm text-brand-purple "
style={{ fontFamily: "'Nunito Sans', sans-serif" }}
>
Need help? Contact us at{' '}
<a
href="mailto:support@loaftx.org"
className="text-[var(--purple-lavender)] hover:text-[var(--purple-ink)] font-semibold underline"
className="text-brand-purple hover:text-[var(--purple-ink)] font-semibold underline"
>
support@loaftx.org
</a>