Skip to content

Apply Sunset Riviera color palette to Flutter theme#14

Draft
ether314 wants to merge 1 commit into
mainfrom
cursor/change-color-scheme-ebbe
Draft

Apply Sunset Riviera color palette to Flutter theme#14
ether314 wants to merge 1 commit into
mainfrom
cursor/change-color-scheme-ebbe

Conversation

@ether314

Copy link
Copy Markdown
Owner

Summary

Implements the Product-approved Sunset Riviera palette across Paradise Planner, replacing the previous teal/coral tropical theme with warm terracotta + Mediterranean sapphire tones.

Primary touch file: flutter_app/lib/theme/tropical_theme.dart — colors are now semantic tokens (primary, secondary, surface, success, error, etc.) wired through explicit ColorScheme definitions for both customer and admin themes.

What changed

Token Hex Applies to
primary #C05621 Send FAB, CTAs, typing dots, user bubbles
primaryDark #7C2D12 User chat bubble fill
secondary #1E40AF Assistant text, admin app bar, queue notice
surface #FFF7ED Cards, admin scaffold, selected tiles
success #166534 "You're all set!" banner
error #B91C1C Validation / inline errors

Background gradient: #C05621#FDBA74#FFF7ED#93C5FD

Files updated

  • flutter_app/lib/theme/tropical_theme.dart — palette tokens + customer/admin ThemeData
  • flutter_app/lib/chat/chat_screen.dart — success banner, error pill
  • flutter_app/lib/chat/widgets/chat_widgets.dart — bubbles, typing indicator, send FAB
  • flutter_app/lib/admin/*.dart — inbox, detail, login screens
  • flutter_app/web/manifest.json — theme_color → #C05621

No changes to prompts, heuristics, or lead-extraction logic.

Before / After

Customer chat

Before (production — teal theme):
Chat before — teal gradient

After (local — Sunset Riviera):
Chat after — terracotta/sapphire gradient

Admin login

Before:
Admin login before — teal accents

After:
Admin login after — terracotta/sapphire accents

QA

  • flutter analyze — no new errors (4 pre-existing infos/warnings)
  • node scripts/test-chat-flow.mjs (no logic changes expected)
  • Visual review on mobile width (~375px)
Open in Web Open in Cursor 

Replace teal/coral tropical palette with Product-approved Sunset Riviera
tokens (terracotta primary, sapphire secondary, apricot cream surface).
Centralize colors in tropical_theme.dart ColorScheme and sweep chat,
admin, and shared widgets to use semantic tokens instead of hard-coded
Material greys and legacy TropicalColors names.

Co-authored-by: Joe M <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants