Skip to content

Add theme toggle#30

Open
puneetnith28 wants to merge 1 commit intobrowseping:mainfrom
puneetnith28:feat/theme-toggle
Open

Add theme toggle#30
puneetnith28 wants to merge 1 commit intobrowseping:mainfrom
puneetnith28:feat/theme-toggle

Conversation

@puneetnith28
Copy link
Contributor

@puneetnith28 puneetnith28 commented Feb 15, 2026

Summary

Adds a light/dark theme toggle to the extension popup.
The toggle allows users to switch themes at runtime and persists the selected preference across sessions using chrome.storage.sync and localStorage.


What Changed

Feature: ThemeToggle component

  • Added ThemeToggle.tsx component.
  • Allows users to switch between light and dark themes.
  • Applies the selected theme immediately at runtime.

Persistence

  • Stores theme preference in:
    • chrome.storage.sync (for extension sync across browsers/devices)
    • localStorage (as a fallback)
  • Automatically loads the saved theme on popup open.

Theming

  • Uses CSS variables for theme colors.
  • Ensures consistent color updates across the popup.

Screenshots-------------------------------->>>>>>>>>>>>>>>>

image image

Closes:---->> #28

@puneetnith28
Copy link
Contributor Author

Hello @akash-kumar-dev
Please review this PR and let me know if any changes are required !!
Thanks !!

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.

1 participant

Comments