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

2
src/pages/members/Bylaws.js
View File

@@ -89,7 +89,7 @@ export default function Bylaws() {
<h2 className="text-2xl font-semibold text-primary" style={{ fontFamily: "'Inter', sans-serif" }}>
{currentBylaws.title}
</h2>
<Badge className="bg-[#81B29A] text-white">
<Badge className="bg-success text-white">
<Check className="h-3 w-3 mr-1" />
Current Version
</Badge>

6
src/pages/members/MemberCalendar.js
View File

@@ -156,7 +156,7 @@ export default function MemberCalendar() {
<div className="flex gap-4 ml-auto">
<div className="flex items-center gap-2">
<div className="w-4 h-4 rounded bg-[#81B29A]"></div>
<div className="w-4 h-4 rounded bg-success"></div>
<span className="text-sm text-muted-foreground">Going</span>
</div>
<div className="flex items-center gap-2">
@@ -206,7 +206,7 @@ export default function MemberCalendar() {
{selectedEvent.user_rsvp_status && (
<Badge
className={`px-3 py-1 rounded-full text-sm ${selectedEvent.user_rsvp_status === 'yes'
? 'bg-[#81B29A] text-white'
? 'bg-success text-white'
: selectedEvent.user_rsvp_status === 'no'
? 'bg-gray-400 text-white'
: 'bg-orange-400 text-white'
@@ -276,7 +276,7 @@ export default function MemberCalendar() {
disabled={rsvpLoading}
size="sm"
className={`rounded-full px-6 flex items-center gap-2 ${selectedEvent.user_rsvp_status === 'yes'
? 'bg-[#81B29A] text-white hover:bg-[#66927e]'
? 'bg-success text-white hover:bg-[#66927e]'
: 'bg-chart-6 text-primary hover:bg-[#c4bed8]'
}`}
>