Skip to content

fix: update excluded page action icon based on theme - #281

Open
Punith1117 wants to merge 1 commit into
mozilla-extensions:mainfrom
Punith1117:fix/dark-theme-excluded-icon
Open

Punith1117 wants to merge 1 commit into
mozilla-extensions:mainfrom
Punith1117:fix/dark-theme-excluded-icon

Conversation

@Punith1117

Copy link
Copy Markdown

The excluded page action icon used a static dark asset, which made it difficult to see in Firefox dark mode.

This change updates the excluded icon path dynamically based on the active browser color scheme so the icon remains visible in both light and dark themes.

For testing, I temporarily forced the excluded page action state locally and verified the icon behavior in:

  • Firefox light theme
  • Firefox dark theme
  • Private browsing windows

I initially considered updating the excluded SVG asset directly, but that caused inverse visibility issue in light themes. I noticed the excluded pageAction icon did not automatically adapt to theme changes when using an explicit setIcon() path, so the excluded icon selection is now handled explicitly here.

Fixes: mozilla-mobile/mozilla-vpn-client#11312

The excluded page action icon used a static dark asset, which made it difficult to see in Firefox dark mode.

This change updates the excluded icon path dynamically based on the active browser color scheme so the icon remains visible in both light and dark themes.
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.

Mozilla VPN is lacking a dark mode version of the URL icon.

1 participant