← All examples

CSS Look & feel google.com

Google: dark mode for results

Changes the results page background to dark and picks light text and link colors that ease the eyes.

Code to copy

/* Dark theme for the search results page */
html, body, #main, #cnt, #rcnt, #appbar, #searchform {
  background: #1b1b1b !important;
  color: #e8eaed !important;
}
#search h3 { color: #8ab4f8 !important; }
#search .VwiC3b, #search div[data-sncf] span { color: #bdc1c6 !important; }
#search cite, #search .byrV5b { color: #9aa0a6 !important; }
#search a:visited h3 { color: #c58af9 !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.

Rate this example

No ratings yet — be the first.

Does this example work?

Snippets are useless without somewhere to paste them.

JustZix takes 2 minutes to install and runs your code on every matching page. No account, no payment.

Download free See use cases