I want dark mode applied to any website

[WebWeWantBot]

---

title: I want dark mode applied to any website
date: 2021-04-16T06:34:26.074Z
submitter: Sai Teja Vadlapatla
number: 60792ff27a195c607955a76a
tags: [ ]
discussion: https://github.com/WebWeWant/webwewant.fyi/discussions/
status: [ discussing || in-progress || complete ]
related:

• title:
  url:
  type: [ article || explainer || draft || spec || note || discussion ]

---

Currently Edge has a dark mode applied to the browser but doesn't affect any websites. If the website offers any dark mode - light mode switch, it is fine. But for other websites which are very bright, it is an issue. There are a few extensions which take care of forcing dark mode automatically, but having native support in browser is much preferred.

---

If posted, this will appear at https://webwewant.fyi/wants/60792ff27a195c607955a76a/

[aarongustafson]

We’d love to know what extensions you’re using for this. Colors are really hard, so we’d love to see what they are doing.

The CSS feature prefers-color-scheme should take your preference into account on sites that implement it. That might be what you’re seeing in sites that offer multiple modes.

Since you mentioned Edge, the Reader Mode enables you to switch how the content is rendered and generally does a good job. Windows also has color preferences for high contrast.

[Saiteja-vadlapatla]

https://github.com/darkreader/darkreader

This is the extension I use. I understand it is hard to configure colors, but I see that this extension manages fine most times. I am not sure if it uses the CSS feature you mentioned.

[gregwhitworth]

@aarongustafson while I agree that this is solved by the CSS, high contrast mode does show that enforcing a color scheme could be achieved. While I think this is unlikely to get picked up it is a valid want from a UX perspective.