justin/fosterflow
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: replace non-standard color classes with theme system

Browse Source 
Replace teal-brand→primary, teal-dark→primary-dark, teal-light→primary-light,
gray-soft→gray-200, gray-brand→gray-900 across 53 files. Fixes theming
not applying — colors now use CSS custom properties from org_config.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
justin
2026-03-26 17:07:22 -05:00
co-authored by Claude Opus 4.6
parent f645a19da1
commit 602f36d558
53 changed files with 603 additions and 603 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/admin/volunteers/+page.svelte
+7 -7
View File
@@ -39,11 +39,11 @@
<span class="text-sm text-gray-500">{data.total} total</span>
</div>
<div class="bg-white rounded-xl shadow-sm border border-gray-soft p-4 mb-6">
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-4 mb-6">
<select
value={data.status}
onchange={(e) => handleFilterChange(e.currentTarget.value)}
class="px-3 py-2.5 rounded-lg border border-gray-soft bg-white text-sm focus:outline-none focus:ring-2 focus:ring-teal-brand"
class="px-3 py-2.5 rounded-lg border border-gray-200 bg-white text-sm focus:outline-none focus:ring-2 focus:ring-primary"
>
{#each statusOptions as opt}
<option value={opt.value}>{opt.label}</option>
@@ -56,10 +56,10 @@
<p class="text-sm font-medium">No volunteer applications found.</p>
</div>
{:else}
<div class="bg-white rounded-xl shadow-sm border border-gray-soft overflow-hidden">
<div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden">
<table class="w-full text-sm text-left">
<thead>
<tr class="border-b border-gray-soft bg-gray-50">
<tr class="border-b border-gray-200 bg-gray-50">
<th class="px-6 py-3 font-semibold text-gray-600">Name</th>
<th class="px-6 py-3 font-semibold text-gray-600">Email</th>
<th class="px-6 py-3 font-semibold text-gray-600">Phone</th>
@@ -70,14 +70,14 @@
</thead>
<tbody>
{#each data.volunteers as vol}
<tr class="border-b border-gray-soft last:border-0 hover:bg-gray-50 transition-colors">
<tr class="border-b border-gray-200 last:border-0 hover:bg-gray-50 transition-colors">
<td class="px-6 py-4 font-medium text-gray-900">{vol.applicantName}</td>
<td class="px-6 py-4 text-gray-600"><a href="mailto:{vol.email}" class="hover:text-teal-brand">{vol.email}</a></td>
<td class="px-6 py-4 text-gray-600"><a href="mailto:{vol.email}" class="hover:text-primary">{vol.email}</a></td>
<td class="px-6 py-4 text-gray-600">{vol.phone ?? '—'}</td>
<td class="px-6 py-4"><StatusBadge status={vol.status} /></td>
<td class="px-6 py-4 text-gray-500 text-xs">{formatDate(vol.createdAt)}</td>
<td class="px-6 py-4 text-right">
<a href="/admin/volunteers/{vol.id}" class="text-sm font-medium text-teal-brand hover:text-teal-dark">View</a>
<a href="/admin/volunteers/{vol.id}" class="text-sm font-medium text-primary hover:text-primary-dark">View</a>
</td>
</tr>
{/each}