Stripe Dark Mode Extension

This is a simple Chrome extension that adds dark mode to the Stripe dashboard by inverting the colors.

How to Install

1. Open Chrome and go to chrome://extensions.
2. Enable "Developer mode" (toggle in the top right corner).
3. Click "Load unpacked".
4. Select the directory containing this extension (the entire StripeDark folder).

How it Works

The extension injects a content script (content.js) that sets a CSS filter on the HTML element of the Stripe dashboard:

document.documentElement.style.filter = 'invert(1)';

This inverts the colors of the entire page.

Customization

You can replace the default icons in the images folder with your own:

• favicon-16x16.png (16x16)
• favicon-32x32.png (32x32)
• favicon-96x96.png (96x96)

After replacing the icons, reload the extension to see the changes.

Note

This is a very simple dark mode implementation. For a more refined experience, consider using a CSS-based solution that doesn't invert images.