- Shipped
- November 6, 2025 at 1:33 AM UTC
- Author
- snadjafinia
- Commit
- 3a228d1
- Increase message viewing area by 33% (DOCKED_HEIGHT: 360 -> 480) - Create ChatBoxStyles.tsx with dynamic CSS variable-based color system - Apply primary color from globals.css cohesively like NavPri pattern - Use color-mix() for dynamic primary color variations throughout - Extract all style constants and utilities into separate module - Implement reusable style functions (getMessageBubbleStyle) - Add ChatBoxGlobalStyles component for animations and scrollbar - Replace hardcoded colors with CSS variables for site-wide consistency - Improve maintainability by centralizing styling logic - Ensure visual consistency with rest of site (NavPri, NavTop, etc.) This refactor makes the chat component more extensible and easier to maintain as new features are added, while maintaining perfect visual consistency with the site's design system.