← All examples

Soft dark mode

Sets a dark background and light text without inversion, keeping photo colors natural.

Code to copy

html { background: #1a1a1f !important; }
body, body * {
    background-color: #1a1a1f !important;
    color: #d6d6dc !important;
    border-color: #3a3a44 !important;
}
a, a * { color: #7aa2f7 !important; }
img, video, picture, svg { background: transparent !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.