- Add CSS variables to all chart tooltips and components for dynamic theme switching
- Update AlertPill component to use theme-aware colors (--chart-alert-bg, --chart-alert-text)
- Change all alert icons to use red color (--chart-fail) consistently across charts
- Add ScatterDataPoint type to centralized types.ts
- Fix scatter-plot-with-selection component type definitions and imports
- Migrate shadcn Select component to shared folder structure
- Update ThreatMap to use shadcn Select instead of native select element
- Ensure all graph components dynamically update colors when theme toggles
This enables seamless light/dark theme support across:
- ChartTooltip and MultiSeriesChartTooltip
- LineChart, RadarChart, ScatterPlot custom tooltips
- AlertPill and icon coloring
- All form elements now use shadcn components
- Add complete CSS variables for both light and dark themes in globals.css
- Light theme: dark text on light backgrounds (primary: #1f2937, bg: #f9fafb)
- Dark theme: white text on dark backgrounds (primary: #ffffff, bg: #1e293b)
- Update all chart components to use CSS variables instead of hardcoded colors
- Tooltips, legends, titles, and text automatically adapt to theme changes
- Fix SankeyChart text to properly display in light mode (was hardcoded white)
- Update DonutChart center label to use theme-aware text colors
- All components now dynamically respond to theme toggle via next-themes
- Remove BarChart component (no longer needed)
- Add interactive hover states and tooltips to SankeyChart
- Implement link and node highlighting on hover
- Add PROVIDER_COLORS and STATUS_COLORS constants
- Update Google provider color to official brand color
- Add ThreatMap component with world map visualization
- Refactor chart colors to use chart- prefix in CSS variables
- Update all graph components to use new color system
- Add topojson-client and d3-geo dependencies
Alan Buscaglia