Google Dark Theme by infiSTAR

/* ==UserStyle==
@name         Google Dark Theme
@version      9.0.0.1
@namespace    userstyles.world/user/infiSTAR
@description  A dark theme for Google. I didn't like all the other ones available so I made my own. Still a work in progress. I'll update the theme as I use the site
@license      No License
@author       infiSTAR
==/UserStyle== */
@-moz-document regexp('https?://(ipv4|www|encrypted).google.(com|([a-z]{2}))(.[a-z]{2})?.'), regexp('https?://(ipv4|www|encrypted).google.(com|([a-z]{2}))(.[a-z]{2})?/((\\?|webhp|search|gfe_rd|auth|gws_rd|#q|imghp|#gfe_rd|#safe|#pws|#tbs|#gws|#tbm).*)'), regexp('https?://www.google.(com|([a-z]{2}))(.[a-z]{2})?/_/chrome/newtab\\?.*') {
 

     /* Main Background Color*/
    :root {
      --main-bg-color: /*[[MAINBGCOLOR]]*/ !important;
      --container-bg-color: /*[[CONTAINERBGCOLOR]]*/ !important;
    }

    /* Fallback Color*/

    body {
        color: /*[[MAINTEXTCOLOR]]*/ !important;
    }

    /* Background */
    html, body, #cnt, .rg_l, #botabar, a._sWr {
        background: var(--main-bg-color) !important;
        color: #c5c5c5 !important;
    }
    /* Inverting colors */
    .qbh, .s2tb .google-logo, #wob_gsp, ._kac, #qbi, .ab_icon, .gsok_a, ._Fnc, ._Jxg, .stt-uf, ._dVi, .kcb.checked::after, ._gW, .fYWO0d {
        filter: invert(1) grayscale(1) !important;
    }
    ._Zgf {
        filter: invert(0.6) grayscale(1) !important;
    }
    .gsri_a, .sbico {
        filter: grayscale(0.6) !important;
    }
    ._n0b, ._MNk._wtf svg {
        filter: invert(0.9) !important;
    }
    #qbx {
        filter: invert(0.3) !important;
    }
    /* Images opacity */
    #hplogo, #logo img, .gbii {
        opacity: 0.7 !important;
        transition: opacity 0.2s !important;
    }
    #hplogo:hover, #logo img:hover, .gbii:hover {
        opacity: 1 !important;
        transition: opacity 0.5s !important;
    }

    /* Scrollbar Chrome*/
    *::-webkit-scrollbar {
        width: 10px !important;
        height: 10px !important;
        background: #1e1e1e !important;
        border: 1px solid #252525 !important;
    }
    *::-webkit-scrollbar-button {
        display: none !important;
    }
    *::-webkit-scrollbar-thumb, *::-webkit-scrollbar-track {
        border: 0 !important;
        box-shadow: none !important;
    }
    *::-webkit-scrollbar-thumb {
        min-height: 28px !important;
        background: #333 !important;
    }
    *::-webkit-scrollbar-corner, *::-webkit-scrollbar-track {
        background: #1e1e1e !important;
    }

    /* Text Input #C5C5C5 */
    input, #lst-ib, select {
        color: #c5c5c5 !important;
    }
    input {
        background-color: #2a2a2a !important;
    }

    /* Header */
    .sfbgg {
        background-color: #151515 !important;
        border-bottom: none !important;
        background-image: none !important;
    }
    .sfbgx {
        background-color: #151515 !important;
        border-bottom-color: #222 !important;
    }
    .mw, ._PJ {
        background: var(--main-bg-color) !important;
    }

    /* Footer */
    #fbar {
        background: #1d1d1d !important;
        border-top: 1px solid #252525 !important;
    }

    /* Search options bar */
    #hdtbSum {
        background: #151515 !important;
        border-bottom: 1px solid #1d1d1d !important;
    }
    #appbar, #hdtbMenus, #hdtb {
        background: var(--main-bg-color) !important;
    }
    #hdtb, #hdtb.hdtba #hdtbMenus {
        border-bottom-color: var(--main-bg-color) !important;
    }

    /* Titles */
    .rllt__action-button:visited, #gsr .rllt__action-button:active, ._eMi, #sbsb_f, #sbsb_f:hover, a:link, .w, #prs a:visited, #prs a:active, .q:active, .q:visited, .kl:active, .tbotu, a.iu-card-header, a.iu-card-header:hover, a.iu-card-header:visited {
        color: /*[[LINKCOLOR]]*/;
    }
    ._tX, ._Qqb._tX.ellip, ._Icb > a, .ab_dropdownlnkinfo:hover {
        color: /*[[LINKCOLOR]]*/ !important;
    }

    /* Links */
    a.iu-card-header, a.iu-card-header:hover, a.iu-card-header:visited, a.fl:link, .fl a, .flt, a.flt, .gl a:link, a.mblink, .mblink b, #foot #navcnt a, a.fl.q._KCd._tWc, .st .f .fl, div.duf3d a, ._YAp, .lr_dct_more_btn, a ._l6b, ._Yht, ._Mft, ._CSo, ._VBr, ._m7u, .xXEKkb, .GtMhHe, .VQBFP a:link, .VQBFP a:visited, .LWyAN, div.nnbOwe a {
        color: /*[[LINKCOLOR]]*/ !important;
    }

    /* More arrow */
    ._Fqg, ._DYo {
        color: /*[[LINKCOLOR]]*/ !important;
    }

    /* TextD */
    .rreh ._fk, span[style='color:#222'], #center_col ._Ak, #rhs ._Ak, ._i2g, ._g2g, .s, .st, ._cnc, #brs .med, ._Adb, ._tyb, .shop__secondary, .shop__secondary:link, .shop__secondary:visited, ._Lqc, .lc-loc-text, .gko-ctrl, .gko-ctrl:link, .gko-ctrl:visited, ._uxi, ._Hxi, ._gah, ._e9n, ._cNr, ._Nar, ._lhs, ._DSo, .ads-ad, .cwUqwd, .y8Jpof .LrzXr, .garHBe, .ptJHdc .v7hl4d, .cYBBsb, .wEE4ud, .uhLbob {
        color: /*[[MAINTEXTCOLOR]]*/ !important;
    }

    /* Subtext */
    .sben_a, ._Lgc .gl, ._Wmc, ._zX, ._gdf, ._RWc, span.f.nsa._uQb, .f a:link, ._uQb, ._bnc, ._Tib, ._Tib a.fl, .f, .f a:link {
        color: #aaa !important;
        font-style: italic !important;
    }

    /* Matching words in search results */
    .ads-creative b, .s .st em, .st.s.std em {
        color: #bdbdbd !important;
    }

    /* visited links */
    .mblink:visited, a:visited, .sbpqs_a, a.fl:visited, .st .f .fl:visited {
        color: /*[[VISITEDLINKCOLOR]]*/ !important;
    }
    /* URL color */
    .a, cite, cite a:link, cite a:visited, .cite, .cite:link, #_bGc > i, .bc a:link, ._IId, ._CBw._Clt, ._PHs {
        color: /*[[SOURCECOLOR]]*/ !important;
    }
    /* Strong Blue links */
    #hdtb-msb .hdtb-mitem.hdtb-msel, #hdtb-msb .hdtb-mitem.hdtb-msel-pre {
        border-bottom: 3px solid #84a6e0 !important;
        color: #84a6e0 !important;
    }
    #foot #navcnt .cur {
        color: #fff !important;
    }
    /* Strong White links */
    .kno-ecr-pt {
        color: #eee !important;
    }

    /* Links (white) */
    .flt-date, .price, ._rl, td._xh.vk_gy._Vi, div._b5e .vk_bk, ._dDh._XDh, ._xZc, ._wD ._Xbe, ._Tsf, .hdtb-mn-hd, ._tvg, ._LJ .exp-txt-c, .mod, ._eF, .rg_bb_label, #hdtb-msb #hdtb-more, #hdtb-msb #hdtb-tls, ._pk, a.fl, a._Gs, #hdtb .hdtb-mitem a, .ftl, #footer a, #gb#gb a.gb_P, #gb#gb span.gb_P, ._HR a, #swml a, #hptl a, ._Y8r, ._yhs, ._oUt, .kxbcl, .Y28wmf {
        color: #a3a3a3 !important;
    }
    .gb_Q span {
        opacity: 1 !important;
    }
    /* Hover links (white) */
    a._Gs:hover, ._HR a, #swml a:hover, .hdtbItm label:hover, .hdtbItm a:hover, #hdtb-more-mn a:hover, #hdtb .hdtb-mitem a:hover, .hdtb-mn-hd:hover, #hdtb-more:hover, #hdtb-tls:hover, .kxbcl .kxbc:hover {
        color: #e1e1e1 !important;
    }

    /* Mini search button */
    #sblsbb, #sblsbb:hover {
        background-color: #2e2e2e !important;
    }

    /* Button Shadow */
    .jhp input[type='submit'], .sbdd_a input, .gbqfba {
        background-image: none !important;
        background-color: #222 !important;
        border-color: #242424 !important;
        color: #acacac !important;
        box-shadow: 0 0 5px #0f0f0f !important;
    }

    /* Button Shadow Hover */
    .jhp input[type='submit']:hover, .sbdd_a input:hover, .gbqfba:hover {
        background-image: none !important;
        background-color: #2e2e2e !important;
        border-color: #2d2d2d !important;
        color: #ccc !important;
        box-shadow: 0 0 5px #0f0f0f !important;
    }

    /* Button */
    .ab_button, #hdtb-tls:hover, .ksb {
        background-image: none !important;
        background-color: #222 !important;
        border-color: #262626 !important;
        color: #acacac !important;
    }
    #hdtb-msb .hdtb-tl-sel, #hdtb-msb .hdtb-tl-sel:hover {
        background: linear-gradient(to bottom, #232323, #272727) !important;
        border: 1px solid #1e1e1e !important;
        box-shadow: inset 0 1px 2px 0 rgba(0,0,0,0.2) !important;
    }
    #gb .gb_qb a.gb_wb.gb_wb {
        color: #fff !important;
    }

    /* Button Hover */
    .ab_button:hover, .ksb:hover {
        background-image: none !important;
        background-color: #282828 !important;
        border-color: #2c2c2c !important;
        color: #ccc !important;
    }

    /* Selected button */
    .ksb.ksbs, .ksb.ksbs:hover {
        background-color: #222 !important;
        background-image: linear-gradient(to bottom, var(--main-bg-color), #1e1e1e) !important;
        border: 1px solid #262626 !important;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1) !important;
        color: #afafaf !important;
        margin: 0 !important;
    }

    /* Disabled button */
    button.duf3sb:disabled {
        background-color: #242931 !important;
        border-color: #242931 !important;
    }

    /* Show more results button */
    ._kvc {
        border-color: #262626 !important;
    }

    /* Dropdown background */
    .ab_dropdown, .hdtb-mn-o, .hdtb-mn-c, .goog-menu, ._-F, .gstl_50 .sbdd_a, ._vx, #fsett {
        background-color: #222 !important;
        border: 1px solid rgb(38,38,38) !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
    }
    .hdtbItm, .o2ji6GoAIDp__menu, .sc {
        background-color: #222 !important;
    }
    /* Dropdown items color */
    ._-G, .goog-menuitem-content:hover, .goog-menuitem-content, .goog-menuitem, .goog-tristatemenuitem, .goog-filterobsmenuitem, b .vk_bk, .hdtbItm.hdtbSel, #hdtb .hdtbItm a, #hdtb-more-mn a, #cdrlnk, .hdtbItm label:hover, .hdtbItm a:hover, #hdtb-more-mn a:hover, #hdtb .hdtb-mitem a:hover, .hdtb-mn-hd:hover, #hdtb-more:hover, #hdtb-tls:hover, a.ab_dropdownlnk, a.ab_dropdownlnk:visited, a.ab_dropdownlnk:hover, #appbar a.ab_dropdownlnk:active, .action-menu-button, .action-menu-item a....