Skip to content

fix: theme colors for dark mode#71

Open
rajanarahul93 wants to merge 2 commits intoweaver-points:mainfrom
rajanarahul93:fix-theme-analytics-overview
Open

fix: theme colors for dark mode#71
rajanarahul93 wants to merge 2 commits intoweaver-points:mainfrom
rajanarahul93:fix-theme-analytics-overview

Conversation

@rajanarahul93
Copy link

Summary

This PR resolves Issue #69 by making the Analytics Overview page fully theme-aware. It ensures all badges, stats boxes, and text are readable and visually consistent in both light and dark modes.


Changes Made

  • Replaced bg-border with bg-secondary to use theme-aware surface colors.
  • Updated text colors from hardcoded hex values to text-secondary-foreground for proper contrast.
  • Ensured all badges and stats boxes adapt to both themes automatically.

Screenshots

Light Mode

Screenshot 2025-07-04 110952

Dark Mode

Screenshot 2025-07-04 110942


Testing

  • Verified the /analytics-overview page locally.
  • Switched between light and dark modes using the theme toggle.
  • Confirmed all badges, icons, and text are readable in both modes.

Linked Issue

Closes #69


Checklist

  • No hardcoded colors remain—using theme variables.
  • Icons and text maintain contrast in both themes.
  • Screenshots provided for maintainers to verify.

@Samuel1-ona
Copy link
Contributor

@rajanarahul93 Hello, please, the dark mode needs to reflect on the background.

@Samuel1-ona
Copy link
Contributor

@rajanarahul93 fix conflicts and check the analytics details page to see how it was implemented.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Theme and Icon Color Alignment for Analytics Overview

2 participants