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/(public)/why-adopt/+page.svelte
+8 -8
View File
@@ -11,10 +11,10 @@
</svelte:head>
<!-- Hero -->
<section class="bg-teal-brand py-16 text-center text-white">
<section class="bg-primary py-16 text-center text-white">
<div class="mx-auto max-w-4xl px-4">
<h1 class="text-4xl font-bold sm:text-5xl">{blocks?.intro?.heading ?? 'Why Adopt?'}</h1>
<p class="mt-4 text-lg text-teal-light/90">
<p class="mt-4 text-lg text-primary-light/90">
{blocks?.intro?.text ?? 'Adopting a rescue pet is one of the most rewarding decisions you can make.'}
</p>
</div>
@@ -34,13 +34,13 @@
{ title: 'Feel Good About It', desc: 'Adoption means you are not supporting puppy mills or irresponsible breeding. You are changing the world, one pet at a time.' }
] as reason}
<div class="flex gap-6 items-start">
<div class="flex-shrink-0 w-12 h-12 rounded-full bg-teal-light flex items-center justify-center">
<svg class="w-6 h-6 text-teal-brand" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<div class="flex-shrink-0 w-12 h-12 rounded-full bg-primary-light flex items-center justify-center">
<svg class="w-6 h-6 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
</svg>
</div>
<div>
<h3 class="text-xl font-bold text-gray-brand">{reason.title}</h3>
<h3 class="text-xl font-bold text-gray-900">{reason.title}</h3>
<p class="mt-2 text-gray-mid">{reason.desc}</p>
</div>
</div>
@@ -52,11 +52,11 @@
<!-- CTA -->
{#if data.orgConfig.applications.adoptionEnabled}
<section class="bg-teal-brand py-16 text-center text-white">
<section class="bg-primary py-16 text-center text-white">
<div class="mx-auto max-w-4xl px-4">
<h2 class="text-3xl font-bold">Ready to Meet Your New Best Friend?</h2>
<p class="mt-4 text-lg text-teal-light/90">Browse our available pets and start your adoption journey today.</p>
<a href="/pets" class="mt-8 inline-block rounded-lg bg-white px-8 py-3 font-semibold text-teal-brand shadow-lg transition hover:bg-teal-light hover:shadow-xl">
<p class="mt-4 text-lg text-primary-light/90">Browse our available pets and start your adoption journey today.</p>
<a href="/pets" class="mt-8 inline-block rounded-lg bg-white px-8 py-3 font-semibold text-primary shadow-lg transition hover:bg-primary-light hover:shadow-xl">
Browse Available Pets
</a>
</div>