Skip to content We're live on Product Hunt today Upvote
install

TWO BUILDS 9 browsers

Chrome from the Chrome Web Store Firefox from addons.mozilla.org Edge from Microsoft Edge Add-ons Brave takes the Chrome build Opera takes the Chrome build 4 more Chromium browsers: Arc, Vivaldi, Chromium, Opera GX the Chrome build

tool · one of 34 free, no counter

Page theme

Can I force this site into dark mode - and did it work?

Three strategies, tried in order of fidelity: flip the site’s own dark-mode switch, lift its dark media query, or synthesise an inversion. Which one ran is a readout rather than a footnote, because a site’s own dark theme and one we invented are not the same result and a reader deserves to know which they are looking at.

Reach it Press ⌘ + K on any tab and type page theme. Ctrl + K on Windows and Linux

Puts a page into dark mode, and says how it managed it
reads stylesheets, never the root element’s class
writes an attribute or a filter, undone when off
sends nothing
strategies three, in order of fidelity
verification a paint signature either side of the flip
cross-origin sheets counted and shown, never assumed empty
plan free
Add   LoupeKit - opens the list of browsers it can be installed in

TWO BUILDS 9 browsers

Chrome from the Chrome Web Store Firefox from addons.mozilla.org Edge from Microsoft Edge Add-ons Brave takes the Chrome build Opera takes the Chrome build 4 more Chromium browsers: Arc, Vivaldi, Chromium, Opera GX the Chrome build

in the panel · free, no counter

section#about

What this actually is

Reading a site at night, and - more usefully - checking whether a site that claims a dark mode actually has one. Light on a page with no dark styles applies nothing and says so.

section#asked

Asked about this tool

Why does it read the stylesheets rather than the root class?

Because a root class says what somebody set, not what the site can do. A site with a data-theme attribute and no dark rules behind it would report a dark mode it does not have.

How does it know the flip worked?

It takes a paint signature before and after. A page that did not change means the switch it found was not the switch, so the change is undone and the next strategy is tried.

Why does asking for light sometimes do nothing?

Because the page has no dark mode to leave. That is the truth about the document, and the control springs back rather than reporting a mode it did not apply.

Is inversion the same as the browser’s forced dark mode?

No, and it is the last resort here for the same reason: it filters top-level elements rather than the root, inverts replaced content a second time, and still gets photographs wrong sometimes.

how to use page theme

  1. Open Page theme and ask for dark.
  2. Read which strategy ran: the site's own switch, its dark media query, or a synthesised inversion.
  3. Check the verification - a paint signature is taken either side of the flip.
  4. A site with no dark styles applies nothing and says so, which is the answer you came for.
Add   LoupeKit - opens the list of browsers it can be installed in

TWO BUILDS 9 browsers

Chrome from the Chrome Web Store Firefox from addons.mozilla.org Edge from Microsoft Edge Add-ons Brave takes the Chrome build Opera takes the Chrome build 4 more Chromium browsers: Arc, Vivaldi, Chromium, Opera GX the Chrome build

70 of these · no host permissions · three free audits