Skip to content

Conversation

asr1325
Copy link

@asr1325 asr1325 commented Oct 10, 2025

Description

This PR enhances the light mode styling for the "Expenses by Category" and "Recent Activity" sections.
The changes include:

  • Removed extra borders and visual clutter for a cleaner layout.
  • Updated background colors of these sections to better match the overall light mode theme and ensure consistent contrast.

Related Issue

Fixes #105

Motivation and Context

The previous light mode layout had mismatched backgrounds and unnecessary borders, which disrupted visual balance and readability.
This update improves UI aesthetics and user experience, especially for users who prefer light mode.

Types of Changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Enhancement (improvement to an existing feature)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Test (adds or updates tests only)
  • Documentation (non-code change)

How Has This Been Tested?

  • Visually tested both light and dark modes in the dashboard.
  • Verified that the "Expenses by Category" and "Recent Activity" sections now have light colored backgrounds in light mode.
  • Checked responsiveness and layout consistency across different screen sizes.

Screenshots (if applicable):

image

Checklist

  • My code follows the code style of this project
  • My change requires a change to the documentation
  • I have updated the documentation accordingly
  • I have added tests to cover my changes
  • All new and existing tests passed

Copy link

netlify bot commented Oct 10, 2025

Deploy Preview for paisable ready!

Name Link
🔨 Latest commit edfb7e7
🔍 Latest deploy log https://app.netlify.com/projects/paisable/deploys/68e9308373e29600081fd887
😎 Deploy Preview https://deploy-preview-115--paisable.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 94
Accessibility: 100
Best Practices: 100
SEO: 91
PWA: 80
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

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.

enhancement: Fix "Expenses by Category " AND "Recent activity " div in light mode

1 participant