Skip to content

Feat: Add persistent dark theme toggle with localStorage state caching#335

Open
Siddh2024 wants to merge 2 commits into
komalharshita:mainfrom
Siddh2024:feat-dark-mode
Open

Feat: Add persistent dark theme toggle with localStorage state caching#335
Siddh2024 wants to merge 2 commits into
komalharshita:mainfrom
Siddh2024:feat-dark-mode

Conversation

@Siddh2024
Copy link
Copy Markdown

Summary

This Pull Request introduces a native, persistent Dark Mode toggle feature across the DevPath platform. To achieve this, core color tokens (background surfaces, card containers, tech stack badges, and typography) have been refactored into global CSS variables. A lightweight JavaScript event handler handles toggling a data-theme="dark" attribute on the document root, and the selected preference is securely cached in localStorage to ensure continuity across page reloads and transitions.

Related Issue

Closes #318

Visuals (Screenshots/Videos):

Screenshot 2026-05-19 150437 Screenshot 2026-05-19 150454 Screenshot 2026-05-19 150521

Local Dark Mode Previews:

Checklist [required]

  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • My changes generate no new warnings

@vercel
Copy link
Copy Markdown

vercel Bot commented May 19, 2026

@Siddh2024 is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

Copy link
Copy Markdown

@github-actions github-actions Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for submitting your first pull request to DevPath.

Before review:

  • Complete the PR template fully
  • Ensure all tests pass
  • Link your PR to an issue
  • Keep changes scoped to the issue

A maintainer will review your contribution soon.

@Siddh2024
Copy link
Copy Markdown
Author

@komalharshita , kindly approve my pr request ma'am.

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature Request]: Add persistent Dark Mode support to the DevPath platform.

1 participant