🇱🇰 Customize RouteIQ for Sri Lanka — Colombo routes + unified SaaS color system - #2
Merged
Merged
Conversation
- Replace Indian cities (Mumbai, Delhi, Pune, Goa, etc.) with Sri Lankan destinations (Colombo, Kandy, Galle, Negombo, Matara, Jaffna, Nuwara Eliya) - Add 4 Colombo expressway corridor polylines on map (A1 Kandy, E01 Galle, A3 Negombo, Southern Matara) - Add 13 real Colombo-area bus stops with accurate GPS coordinates - Add route legend overlay to BusMapPreview for corridor identification - Update AddBusForm default coordinates from Delhi to Colombo (6.9271, 79.8612) - Update Contact section: +94 phone, Colombo 01 head office - Update Hero trending destinations and search placeholders to SL cities - Update CustomerBooking placeholders to Colombo/Kandy - Update Footer branding to RouteIQ Sri Lanka - Create backend/seeds/colomboRoutes.js: 8 real routes + 12 buses with SL registration numbers (WP-CA, SP-GA, etc.) - Add npm seed:colombo script - Update backend tests (Haversine) to use Colombo→Kadawatha - Update README with Sri Lanka customization section and seed instructions - Update server.js startup message to reference Colombo Co-authored-by: arena-agent <297053741+arena-agent@users.noreply.github.com>
Replace inconsistent color scheme (rose/lime/fuchsia scattered across pages) with a professional, unified blue-based SaaS design system: COLOR SYSTEM: - Primary: Blue (blue-600/700) — buttons, CTAs, active states, brand - Secondary: Violet (violet-600) — accent gradients, secondary elements - Highlight: Cyan (cyan-400) — navbar active states, badges, brand text - Success: Emerald — status indicators, confirmations - Warning: Amber — alerts, attention states - Error: Red — error states, delayed status - Neutral: Slate — backgrounds, text, borders FILES UPDATED (23 total): - All 8 components (Hero, Navbar, Footer, Contact, AddBusForm, etc.) - All 8 pages (AdminDashboard, CustomerBooking, LiveTracking, etc.) - CSS file (index.css) — replaced all lime/green hex colors with blue equivalents - UI components (button, badge) - BusMapPreview — route polylines use distinct blue/indigo/green/amber - Login/Signup pages — gradient backgrounds unified LANDING PAGE CSS: - Replaced 30+ lime/green hex codes (#84cc16, #b8f34b, etc.) with blue equivalents - Updated rgba colors for glows, shadows, gradients - Background tints changed from green to slate/blue RESULT: Clean, professional SaaS appearance consistent with industry leaders (Stripe, Linear, Vercel). No more color conflicts between pages. Co-authored-by: arena-agent <297053741+arena-agent@users.noreply.github.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
This PR customizes RouteIQ for Sri Lanka with Colombo as the central transit hub, and unifies the entire UI into a professional blue-based SaaS color system.
🇱🇰 Sri Lanka / Colombo Localization
Routes & Map
Seed Data (
backend/seeds/colomboRoutes.js)WP-CA-1001,SP-GA-1501, etc.)+94contact numbersnpm run seed:colomboUI Updates
6.9271, 79.8612), placeholderWP-CA-1001+94 11 234 5678, Head Office "Colombo 01, Sri Lanka"Backend
npm run seed:colomboscript added topackage.json🎨 Unified SaaS Color System
Replaced inconsistent color scheme (rose/lime/fuchsia scattered across pages) with a professional blue-based palette:
blue-600violet-600cyan-400emerald-500amber-500red-500slate-*Files Updated: 23 total
index.css) — 30+ lime/green hex codes replaced with blue equivalentsFiles Changed
How to Test
cd backend && npm install && npm run seed:colombonpm run dev(backend)cd frontend && npm install && npm run dev(frontend)