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

63
tailwind.config.js
View File

@@ -43,6 +43,10 @@ module.exports = {
DEFAULT: 'hsl(var(--destructive))',
foreground: 'hsl(var(--destructive-foreground))'
},
success: {
DEFAULT: 'hsl(var(--success))',
foreground: 'hsl(var(--success-foreground))'
},
border: 'hsl(var(--border))',
input: 'hsl(var(--input))',
ring: 'hsl(var(--ring))',
@@ -54,25 +58,57 @@ module.exports = {
'5': 'hsl(var(--chart-5))',
'6': 'hsl(var(--chart-6))',
'7': 'hsl(var(--chart-7))',
},
}
/* =========================
Brand Colors
========================= */
brand: {
'dark-lavender': 'hsl(var(--brand-dark-lavender))',
'purple': 'hsl(var(--brand-purple))',
'lavender': 'hsl(var(--brand-lavender))',
'light-lavender': 'hsl(var(--brand-light-lavender))',
'white': 'hsl(var(--brand-white))',
'dark-orange': 'hsl(var(--brand-dark-orange))',
'orange': 'hsl(var(--brand-orange))',
'light-orange': 'hsl(var(--brand-light-orange))',
'pink': 'hsl(var(--brand-pink))',
'dusty-pink': 'hsl(var(--dusty-pink))',
'dark-rose': 'hsl(var(--dark-rose))',
},
/* ==================================
Additional Colors (AI generated)
================================== */
'tangerine-dream': 'hsl(var(--tangerine-dream))',
'rebecca-purple': 'hsl(var(--rebecca-purple))',
'muted-teal-base': 'hsl(var(--muted-teal-base))',
'muted-teal-balanced': 'hsl(var(--muted-teal-balanced))',
'muted-teal-dark': 'hsl(var(--muted-teal-dark))',
'muted-teal-light': 'hsl(var(--muted-teal-light))',
'bright-snow': 'hsl(var(--bright-snow))',
'slate-grey': 'hsl(var(--slate-grey))',
'coral-glow': 'hsl(var(--coral-glow))',
'lavender-mist': 'hsl(var(--lavender-mist))',
'almond-cream': 'hsl(var(--almond-cream))',
'lavender-blush': 'hsl(var(--lavender-blush))',
'burnt-peach': 'hsl(var(--burnt-peach))',
'apricot-cream': 'hsl(var(--apricot-cream))',
'ghost-white': 'hsl(var(--ghost-white))',
'dusty-grape': 'hsl(var(--dusty-grape))',
},
keyframes: {
'accordion-down': {
from: {
height: '0'
},
to: {
height: 'var(--radix-accordion-content-height)'
}
from: { height: '0' },
to: { height: 'var(--radix-accordion-content-height)' }
},
'accordion-up': {
from: {
height: 'var(--radix-accordion-content-height)'
},
to: {
height: '0'
}
from: { height: 'var(--radix-accordion-content-height)' },
to: { height: '0' }
}
},
animation: {
@@ -81,6 +117,7 @@ module.exports = {
}
}
},
plugins: [
require("tailwindcss-animate"),
require("@tailwindcss/typography")