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
Implemented Global Dark Mode with Persistent Theme Toggle
Changes:
.theme-darksupport with CSS overrides for:localStorageand applied on load.Files Updated:
Personal-Finance-Tracker/style.cssPersonal-Finance-Tracker/index.htmlPersonal-Finance-Tracker/login.htmlPersonal-Finance-Tracker/sign-up.htmlPersonal-Finance-Tracker/support.htmlPersonal-Finance-Tracker/login.cssPersonal-Finance-Tracker/sign-up.cssPersonal-Finance-Tracker/support.cssPersonal-Finance-Tracker/script.jsAcceptance Criteria:
Labels:
enhancement,hacktoberfest