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

Refactor color classes to use new success color variable across admin and member pages; update Tailwind config to include success color definition.

Browse Source
This commit is contained in:
kayela
2026-01-09 13:46:01 -06:00
parent 4ba44d8997
commit 727c2bc710
56 changed files with 491 additions and 358 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/admin/AdminDonations.js
View File

@@ -167,7 +167,7 @@ const AdminDonations = () => {
};
const getTypeBadgeColor = (type) => {
return type === 'member' ? 'bg-[#81B29A]' : 'bg-muted-foreground';
return type === 'member' ? 'bg-success' : 'bg-muted-foreground';
};
if (loading) {
@@ -214,12 +214,12 @@ const AdminDonations = () => {
<p className="text-sm text-muted-foreground" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
Member Donations
</p>
<p className="text-3xl font-bold text-[#81B29A] mt-2" style={{ fontFamily: "'Inter', sans-serif" }}>
<p className="text-3xl font-bold text-success mt-2" style={{ fontFamily: "'Inter', sans-serif" }}>
{stats.member_donations || 0}
</p>
</div>
<div className="p-3 bg-[#81B29A]/10 rounded-full">
<Users className="h-6 w-6 text-[#81B29A]" />
<div className="p-3 bg-success/10 rounded-full">
<Users className="h-6 w-6 text-success" />
</div>
</div>
</Card>
@@ -276,7 +276,7 @@ const AdminDonations = () => {
<DropdownMenuTrigger asChild>
<Button
disabled={exporting}
className="bg-[#81B29A] text-white hover:bg-[#6a9680] rounded-full px-6 py-3 flex items-center gap-2"
className="bg-success text-white hover:bg-muted-teal-dark rounded-full px-6 py-3 flex items-center gap-2"
>
<Download className="h-4 w-4" />
{exporting ? 'Exporting...' : 'Export'}
@@ -401,7 +401,7 @@ const AdminDonations = () => {
</tr>
) : (
filteredDonations.map((donation) => (
<tr key={donation.id} className="hover:bg-[#f9f5ff] transition-colors">
<tr key={donation.id} className="hover:bg-lavender-mist transition-colors">
<td className="px-6 py-4">
<div>
<p className="font-medium text-primary" style={{ fontFamily: "'Inter', sans-serif" }}>
@@ -453,7 +453,7 @@ const AdminDonations = () => {
{/* This Month Summary */}
{stats.this_month_count > 0 && (
<Card className="p-6 bg-gradient-to-r from-[#f9f5ff] to-muted rounded-2xl border-2 border-chart-6">
<Card className="p-6 bg-gradient-to-r from-lavender-mist to-muted rounded-2xl border-2 border-chart-6">
<div className="flex items-center justify-between">
<div>
<p className="text-muted-foreground font-medium" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>