This is an add-on that lets you invert the website's color scheme by inverting/changing the <a href="https://developer.mozilla.org/docs/Web/CSS/@media/prefers-color-scheme"><code>prefers-color-scheme</code></a> media feature of CSS without requiring you to change the whole system style setting.

You can also trigger toggling the dark mode with the hot key <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>B</kbd> (customizable in the Firefox add-on settings).

This extension only works with Firefox v95 or higher.


<b>✍️ Usage ✍️</b>

You can use a toolbar button to toggle whether it should force a dark mode or not. It displays a yellow moon icon, if it is enabled and forces the website to be dark.


<b>⛱️ Test websites ⛱️</b>
Here are some well-known websites that support the dark system style, so you can test them with this add-on:
<ul>
<li><a href="https://stuffandnonsense.co.uk/blog/redesigning-your-product-and-website-for-dark-mode">https://stuffandnonsense.co.uk/blog/redesigning-your-product-and-website-for-dark-mode</a></li>
<li><a href="https://webkit.org/">https://webkit.org/</a></li>
<li><a href="https://pinafore.social/">https://pinafore.social/</a></li>
<li><a href="https://emojipedia.org/">https://emojipedia.org/</a></li>
<li><a href="https://bugzilla.mozilla.org">https://bugzilla.mozilla.org</a></li>
</ul>


<b>📝 Development 📝</b>
The add-on is free/libre open-source software and developed on GitHub. <a href="https://github.com/rugk/website-dark-mode-switcher">Fork it on GitHub</a> and contribute.
<a href="https://github.com/rugk/website-dark-mode-switcher/contribute">There are some easy issues to start with.</a>


<b>💬 Permissions 💬</b>
This add-on requires as few permissions as possible.
An explanation of all permissions, this add-on requests, can be found <a href="https://github.com/rugk/website-dark-mode-switcher/blob/master/assets/texts/en/permissions.md">on this site</a>.