Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rugk/website-dark-mode-switcher

This is a (Firefox) add-on (WebExtension) that lets you invert the website's color scheme by inverting/changing the prefers-color-scheme media feature of CSS.
https://github.com/rugk/website-dark-mode-switcher

add-on browser-extension css dark-theme firefox-addon firefox-extension firefox-webextension hacktoberfest prefer-color-scheme website

Last synced: 3 months ago
JSON representation

This is a (Firefox) add-on (WebExtension) that lets you invert the website's color scheme by inverting/changing the prefers-color-scheme media feature of CSS.

Host: GitHub
URL: https://github.com/rugk/website-dark-mode-switcher
Owner: rugk
License: other
Created: 2019-04-28T22:24:38.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2023-07-21T00:21:20.000Z (over 1 year ago)
Last Synced: 2024-10-10T12:19:22.648Z (4 months ago)
Topics: add-on, browser-extension, css, dark-theme, firefox-addon, firefox-extension, firefox-webextension, hacktoberfest, prefer-color-scheme, website
Language: JavaScript
Homepage: https://addons.mozilla.org/firefox/addon/dark-mode-website-switcher/?src=external-github-top
Size: 554 KB
Stars: 58
Watchers: 5
Forks: 4
Open Issues: 14
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md

Awesome Lists containing this project

README

        # Dark Mode Website Switcher 

[![Mozilla Add-on version](https://img.shields.io/amo/v/dark-mode-website-switcher.svg)](https://addons.mozilla.org/firefox/addon/dark-mode-website-switcher/?utm_source=github.com&utm_medium=git&utm_content=badge-version&campaign=github)  

[![Mozilla Add-on downloads](https://img.shields.io/amo/d/dark-mode-website-switcher.svg)](https://addons.mozilla.org/firefox/addon/dark-mode-website-switcher/?utm_source=github.com&utm_medium=git&utm_content=badge-downloads&campaign=github)

[![Mozilla Add-on users](https://img.shields.io/amo/users/dark-mode-website-switcher.svg)](https://addons.mozilla.org/firefox/addon/dark-mode-website-switcher/?utm_source=github.com&utm_medium=git&utm_content=badge-users&campaign=github)

[![Mozilla Add-on stars](https://img.shields.io/amo/stars/dark-mode-website-switcher.svg)](https://addons.mozilla.org/firefox/addon/dark-mode-website-switcher/reviews/?utm_source=github.com&utm_medium=git&utm_content=badge-stars&campaign=github)

This is a (Firefox) add-on (WebExtension) that lets you invert the website's color scheme by inverting/changing the [`prefers-color-scheme`](https://developer.mozilla.org/docs/Web/CSS/@media/prefers-color-scheme) media feature of CSS without requiring you to change the whole system style setting.

Test websites:

* https://stuffandnonsense.co.uk/blog/redesigning-your-product-and-website-for-dark-mode

* https://webkit.org/

* https://pinafore.social/

* https://s.codepen.io/aardrian/debug/NmoQdN

* http://adrianroselli.com/

* https://emojipedia.org/

* https://bugzilla.mozilla.org/

This extension only works with modern Firefox v95 or higher. Versions [before v1.0](../../releases) do support older browser versions, but use a more error-prone way of darkening websites.

## Download

**[![Get it for Firefox!](https://extensionworkshop.com/assets/img/documentation/publish/get-the-addon-178x60px.dad84b42.png)](https://addons.mozilla.org/firefox/addon/dark-mode-website-switcher/?utm_source=github.com&utm_medium=git&utm_content=download-button&campaign=github)**

## Contribute

You can easily get involved in this FLOSS project and any help is certainly appreciated. Here are some ideas:

* 📃 [Translate this add-on into multiple languages!](./CONTRIBUTING.md#translations)

* 🐛 [Fix some easy issues and get started in add-on development](CONTRIBUTING.md#coding) (or just try out the development version)

* 💡 [Or check out some other add-on issues](CONTRIBUTING.md#need-ideas) (or translate them).

Or, in any case, [support us by spreading the word!](./CONTRIBUTING.md#support-us) ❤️

If you want to find out how this add-on currently works on a technical level, [have a look at this Stackoverflow answer](https://stackoverflow.com/a/55910185/5008962). I've explained it there in detail.