Skip to content

Enhancement: Add Dark Mode Support Across App #59

@Pratham23003

Description

@Pratham23003

Implemented Global Dark Mode with Persistent Theme Toggle

Changes:

  • Added .theme-dark support with CSS overrides for:
    • Navigation bar
    • Sections
    • Tables
    • Forms
    • Footer
  • Inserted a theme toggle button in navbars on all pages.
  • Persisted user preference via localStorage and applied on load.

Files Updated:

  • Personal-Finance-Tracker/style.css
  • Personal-Finance-Tracker/index.html
  • Personal-Finance-Tracker/login.html
  • Personal-Finance-Tracker/sign-up.html
  • Personal-Finance-Tracker/support.html
  • Personal-Finance-Tracker/login.css
  • Personal-Finance-Tracker/sign-up.css
  • Personal-Finance-Tracker/support.css
  • Personal-Finance-Tracker/script.js

Acceptance Criteria:

  • Theme toggle button switches between light/dark instantly.
  • Choice persists across reloads and pages.
  • Footer correctly changes color scheme in dark mode.

Labels: enhancement, hacktoberfest

Metadata

Metadata

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions