This pull request introduces theme support for dark and light modes across several components, primarily focusing on AtAGlance, ChartTitle, and Charts. The changes ensure that the components adapt their styles based on the current theme, improving the user experience in different visual environments.
Theme Support Enhancements:
src/components/AtAGlance.tsx: Integrated useTheme from MUI to dynamically set the theme for various elements such as Tooltip and ChartTitle. Added theme-related properties to components and adjusted styles accordingly. [1][2][3][4][5][6]
This pull request introduces theme support for dark and light modes across several components, primarily focusing on
AtAGlance,ChartTitle, andCharts. The changes ensure that the components adapt their styles based on the current theme, improving the user experience in different visual environments.Theme Support Enhancements:
src/components/AtAGlance.tsx: IntegrateduseThemefrom MUI to dynamically set the theme for various elements such asTooltipandChartTitle. Added theme-related properties to components and adjusted styles accordingly. [1] [2] [3] [4] [5] [6]src/components/ChartTitle.tsx: Added athemeprop to theChartTitlecomponent and adjusted the color of SVG elements based on the theme. [1] [2] [3]src/components/Charts.tsx: IncorporateduseThemeto dynamically set the theme for various elements such asTooltipandChartTitle. Updated styles inmakeStylesto use theme properties, ensuring consistency across dark and light modes. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19]