Wikipedia: dark reading mode
Replaces the bright background with a dark one and adjusts text, infobox and table colours for night reading.
Code to copy
/* Simple dark reading theme for night-time browsing */
html, body,
.mw-body, #content, .mw-page-container,
.vector-header-container, #mw-panel {
background-color: #1c1f24 !important;
color: #d6d8db !important;
}
.mw-parser-output,
.mw-parser-output th,
.mw-parser-output td {
color: #d6d8db !important;
}
.mw-parser-output a { color: #7db4ff !important; }
.infobox, .wikitable, .navbox {
background-color: #262a30 !important;
border-color: #3a3f46 !important;
}
img:not([src*=".svg"]) { filter: brightness(0.85) !important; }How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.