jeffemmett
/
pwf-website-new
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use a consistent teal color scheme across the entire website 

Updates button colors and background colors to use a unified teal palette.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: acaf01d7-65a7-4fc5-901d-853488e196e8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/af8dabca-e746-4e53-9c29-d8d4d9cf30f5/04651487-1b7a-48d4-baa0-8848ea5a34ef.jpg
This commit is contained in:
JeffEmmett 2025-05-10 00:16:13 +00:00
parent 8f586105ba
commit 4054248cc0
3 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/classes/class-card.tsx
View File

@ -49,14 +49,9 @@ export function ClassCard({ classData, onBookClick }: ClassCardProps) {
}
};
// Determine button color based on class type
// All buttons use teal as the primary color
const buttonColor = () => {
switch (classData.classType) {
case "group": return "bg-teal text-white";
case "small-group": return "bg-purple text-white";
case "private": return "bg-rose text-white";
default: return "bg-gray-500 text-white";
}
return "bg-teal text-white";
};
// Format class type for display

2
client/src/components/community/community-section.tsx
View File

@ -108,7 +108,7 @@ export function CommunitySection() {
<div className="text-center mt-12">
<Link to="/auth">
<button className="px-8 py-3 bg-purple text-white font-medium rounded hover:bg-opacity-90 transition duration-300">
<button className="px-8 py-3 bg-teal text-white font-medium rounded hover:bg-opacity-90 transition duration-300">
{user ? "Access Community Dashboard" : "Join Our Community"}
</button>
</Link>

4
client/src/components/newsletter/newsletter-section.tsx
View File

@ -58,7 +58,7 @@ export function NewsletterSection() {
};
return (
<section className="py-20 text-gray-800" style={{ backgroundColor: 'rgba(181, 80, 118, 0.1)' }}>
<section className="py-20 text-gray-800" style={{ backgroundColor: 'rgba(12, 137, 145, 0.1)' }}>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="text-center mb-16">
<h2 className="text-3xl md:text-4xl font-playfair font-semibold mb-4">
@ -77,7 +77,7 @@ export function NewsletterSection() {
id="email"
type="email"
placeholder="Your email address"
className="px-4 py-3 bg-white border border-gray-300 placeholder-gray-500 text-gray-800 focus:outline-none focus:border-rose"
className="px-4 py-3 bg-white border border-gray-300 placeholder-gray-500 text-gray-800 focus:outline-none focus:border-teal"
value={email}
onChange={(e) => setEmail(e.target.value)}
required