Enhance ChatBox with dynamic color system and increased height

Refactorkamo-internal
Spegnimento
6 novembre 2025 alle ore 01:33 UTC
Autore
snadjafinia
Impegno
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.

Tutte le modifiche

Come quello che vedi la spedizione?

Ognuno di questi aggiornamenti atterra automaticamente nello spazio di lavoro. Inizia gratis e guardalo crescere settimana dopo settimana.

Inizia gratis per sempreVisualizza il prezzo