← All examples

BBC: dark reading mode

Applies a consistent dark theme to the whole site and slightly dims images for easy evening reading.

Code to copy

/* Clean dark reading mode for the whole site */
html, body {
  background: #15171a !important;
  color: #e8e8e8 !important;
}
article, main, [data-component="text-block"], section {
  background: transparent !important;
  color: #e8e8e8 !important;
}
a { color: #6fb4ff !important; }
img { filter: brightness(0.88) !important; }

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.