Theme and Icon Color Alignment for Analytics Overview

[Samuel1-ona]

Problem

• The background of the analytics-overview page does not fully respect the current theme (light/dark).
• Some icons and UI elements have colors that are not clearly visible or consistent in both themes.

Tasks

• Refactor the page to use theme-aware classes (e.g., bg-background, text-foreground, etc.) for all backgrounds and text.
• Ensure all icons and accent elements are clearly visible and aesthetically pleasing in both light and dark modes.
• Test the page in both themes to confirm visual consistency.

Acceptance Criteria

• No hardcoded background or text colors remain; all use theme variables.
• All icons are visible and match the theme.
• The page looks modern and consistent in both light and dark modes.

[rajanarahul93]

Hi, I'd like to work on this issue. Please assign it to me—I’ll refactor analytics-overview to use theme-aware classes and ensure icons look good in both light and dark modes.