Improve Sprinkles browser extension toolbar-icon on dark-mode

[richardkrikler]

Thank you for this wonderful mac app!!

I would like to help make the sprinkles shine in the dark.

Currently in dark-mode browsers, the extension toolbar-icon merges with a dark background.

If possible, I'd like to contribute and improve the icon's visibility.

Either by just adding a background for the sprinkles:

Or by also adding a slight border around the circle:

Or by also adding a background behind the element:

If this seems to be worthy of a PR, I would gladly provide one ✨.

[mikker]

Thanks!

I wonder if browsers let us supply two separate icons for light/dark mode?

[richardkrikler]

For Firefox it is possible to define them in the manifest.json > action > theme_icons
→ https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/action
toolbar-icon-dark-16/32.png would contain the shining sprinkles and toolbar-icon-16/32.png the normal icon.
(tested locally in FF)

  "action": {
    "default_icon": {
      "16": "images/toolbar-icon-16.png",
      "32": "images/toolbar-icon-32.png"
    },
    "default_title": "Reload user scripts",
    "theme_icons": [{
      "light": "images/toolbar-icon-16.png",
      "dark": "images/toolbar-icon-dark-16.png",
      "size": 16
    }, {
      "light": "images/toolbar-icon-32.png",
      "dark": "images/toolbar-icon-dark-32.png",
      "size": 32
    }]
  },

Sadly the chrome api does not provide that option.
https://developer.chrome.com/docs/extensions/reference/api/action
Here the icon would have to be replaced via JS → https://stackoverflow.com/questions/58880234/toggle-chrome-extension-icon-based-on-light-or-dark-mode-browser#comment105834368_58882519
(not yet testet - but I might try to do so in the following days)

[richardkrikler]

Hi, I opened a PR:

• FF native themed toolbar-icon
• Chrome implementation via JS content-script

Screen.Recording.2025-11-26.at.00.06.27.mov

[richardkrikler]

@mikker do you still want to look into this, or should I close the issue?

[mikker]

Sorry, I'll find time