← All examples

Gmail: dark message background

Gives the message reading area a dark background and light text without changing the rest of the UI.

Code to copy

/* Soft dark tint for the message reading area only */
.a3s.aiL, .ii.gt {
  background: #1f1f24 !important;
  color: #e3e3e6 !important;
}
.a3s.aiL a { color: #8ab4f8 !important; }
.a3s.aiL img { opacity: .92; }

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.