google_search_page_dark_theme

theme.css

@-moz-document url-prefix("https://www.google.com/search?") {
  :root {
    --main-bg: #121212;
    --link-color: #3072e3;
    --black-bg: #333;
    --black-bg-dark: #222;
    --black-bg-light: #444;
    --grey: #999;
    --light-grey: #555;
    --black: var(--black);
  }

  html,
  body {
    background-color: var(--main-bg);
    color: white;
  }

  /* Links */
  .DKV0Md {
    color: var(--link-color);
  }
  .iUh30 {
    color: white;
  }
  .GHDvEf,
  .mn-dwn-arw {
    background-color: var(--main-bg);
  }
  .GHDvEf:hover,
  .mn-dwn-arw:hover {
    background-color: var(--main-bg);
  }
  .action-menu .mn-dwn-arw {
    background-color: var(--main-bg);
  }
  .GHDvEf,
  .GHDvEf:hover,
  .GHDvEf.selected,
  .GHDvEf.selected:hover {
    background-color: var(--main-bg);
  }
  #rcnt .action-menu-item a.fl,
  .action-menu-item a.fl {
    color: white;
    background: var(--black-bg);
  }

  /* Tab Navigation Links */
  #hdtb.notl a,
  #hdtb.notl div,
  #hdtb.notl li {
    background: var(--main-bg);
    color: rgba(127, 127, 127, 1);
  }
  .zthhpf {
    background: var(--main-bg);
    color: white;
  }
  .sbfc .RNNXgb,
  .emcav .RNNXgb {
    border-color: rgb(127, 127, 127);
  }
  .RNNXgb,
  .RNNXgb:hover {
    background: var(--black);
    border-color: rgb(127, 127, 127);
  }
  .gLFyf,
  .JSAgYe {
    color: white;
  }

  /* More Button Background */
  .cF4V5c {
    background-color: var(--black-bg);
  }
  .il8Sef a.f9UGee {
    color: var(--grey);
  }

  /* Menu ICON */
  .gb_sa svg,
  .gb_Dc svg,
  .gb_6c .gb_fe,
  .gb_Pc .gb_fe {
    color: white;
  }
  .minidiv .sfbg {
    background: var(--black-bg);
  }

  /* People also ask text */
  .JolIg {
    color: var(--grey);
  }

  /* Profile Modal */
  /* div class */
  .gb_F {
    background: var(--black-bg);
  }
  /* User name */
  .gb_l .gb_rb {
    color: white;
  }
  /* user email */
  .gb_l .gb_tb {
    color: rgba(255, 255, 255, 0.7);
  }
  /* Manage your account */
  .gb_xb.gb_xb {
    background-color: var(--light-grey);
    color: white;
  }
  /* Add another account  */
  .gb_Bb.gb_Bb {
    background-color: var(--light-grey);
    color: white;
  }
  .gb_Cb > svg.gb_Db {
    color: white;
  }
  /* Sign out button */
  .gb_Jb.gb_Jb {
    color: var(--black);
  }

  /* Video Cards */
  g-inner-card {
    background: var(--black-bg);
  }
  /* Video Title */
  .nDgy9d {
    color: white;
  }
  .nDgy9d:hover,
  .wCIBKb:hover,
  .V1Ddwd:hover {
    color: white;
    text-decoration: underline;
  }
  .zECGdd,
  .cJzOGc {
    color: white;
  }

  /* Text Color */
  #brs .med {
    color: white;
  }
  #brs a {
    color: var(--grey);
  }
  .b2hzT,
  .fbar {
    background-color: var(--main-bg);
  }
  .Q8LRLc,
  #Wprf1b,
  .smiUbb a,
  #swml a {
    color: white;
  }

  /* People Also Ask */
  .AUiS2 {
    background: var(--black-bg);
  }
  .eJ7tvc {
    color: white;
  }
  #tads a,
  #tadsb a,
  #res a,
  #rhs a,
  #taw a {
    color: var(--grey);
  }

  /* More images for result */
  .wUrVib,
  .EZRelc {
    color: white;
  }
  /* Small Tabs */
  .zZ86of .Mw2I7 {
    background: var(--black-bg);
    color: white;
  }

  /* Images Page */
  .jZWadf {
    background: var(--main-bg);
  }
  .NZmxZe,
  .PNyWAd,
  .w6PoOe,
  .w6PoOe:hover,
  .SPmIAf:hover,
  .ZTM7Oe,
  .SPmIAf {
    color: white;
  }
  .hjTnPc .F9PbJd {
    background-color: var(--black-bg);
    color: white;
  }

  /* Search Background */
  .aajZCb {
    background: var(--black-bg);
  }
  .sbct,
  .sbh1 {
    background: var(--black-bg);
  }
  .sbl1 {
    color: white;
  }

  /* See Result About */
  .garHBe {
    color: white;
  }
  .xXEKkb {
    color: white !important;
  }
  .cwUqwd {
    color: var(--grey);
  }
  .y8Jpof:hover {
    background: var(--black-bg);
  }

  /* GeoLocation Container */
  .yyjhs {
    background: var(--black-bg-light);
  }
  .cXedhc,
  .yYlJEf,
  .H93uF {
    background: var(--black-bg-light);
    color: white;
  }
  .dbg0pd,
  .z1asCe {
    color: white;
  }
  .VByer .TU05kd,
  .L48Cpd .XBBs5 {
    color: white;
  }
  .VByer .UbRuwe,
  .L48Cpd .BSaJxc,
  .WaZi0e,
  .DLOTif {
    color: white;
  }

  /* Left Side Menu CSS */
  .pEZBSb .PyJv1b {
    color: white;
  }
  .MjJo9,
  .eYCffb {
    color: white !important;
  }
  .fLJSwc {
    background: transparent !important;
  }

  /* Toggle Left And RIght Css */
  .CNf3nf {
    background-color: var(--black) !important;
    color: white !important;
  }

  /* Other Components */
  .z1asCe svg,
  .lC4QN,
  .krw0Mb,
  .JapQfb,
  .ChlgHf .HnYYW,
  .sz9i9,
  .O8Q2Ie,
  .rhs-osrp .JNkvid .HnYYW,
  .Jb0Zif .JNkvid .HnYYW,
  .HRfe0e,
  .QtIvyb,
  .DCsmif,
  .K2wi0d,
  .Uw4age,
  .JXRj4e,
  .NOK5hf,
  .c0L1fd,
  .vRHqb,
  .kno-ecr-pt,
  .hb8SAc,
  .oBrLN {
    color: white;
  }
  .dU5Kl {
    background: var(--black-bg-light);
  }
  .ktf.YbqTTb {
    background: var(--black-bg-light);
    color: white;
  }
  .czHJJ {
    background: var(--black-bg-light);
    color: white;
  }
  .w3RMhb:hover {
    background: var(--black-bg-dark);
  }
  .F7IIOc.rlf__open:not(.rlf__applied) .FZaw6b,
  .F7IIOc:not(.rlf__applied):hover .FZaw6b {
    border-color: white transparent;
  }
}