← All examples

YouTube: softer dark mode

Replaces the pure-black dark-mode background with a warmer dark grey that is easier on the eyes at night.

Code to copy

/* Soften pure-black dark mode to a warmer dark grey */
html[dark] {
  --yt-spec-base-background: #14161a !important;
  --yt-spec-raised-background: #1d2024 !important;
  --yt-spec-menu-background: #1d2024 !important;
}
html[dark] ytd-app { background: #14161a !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.