Skip to content

Google by gomgon

Imported and mirrored from https://raw.githubusercontent.com/gomgon/UserCSS/master/google.user.css

Screenshot of Google

Details

Authorgomgon

LicenseCC-BY-SA-4.0

Categorygoogle

Created

Updated

Size37 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

For compatibility, activate Google dark mode

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name        Google
@namespace   gomgon
@version     0.9.12
@homepageURL https://github.com/gomgon/UserCSS
@license     CC-BY-SA-4.0
@author      gomgon
@advanced text user-css "Your css code" ""
@advanced dropdown logo "White logo" {
No "No" <<<EOT
EOT;
Yes "Yes" <<<EOT
img#hplogo, div.logo.doodle a img, div.ZbYMvd a img{
opacity:0;
}
.kKvsb #hplogo{
top:-10000px!important;
}
.kKvsb{
background:url(https://www.google.com/images/branding/googlelogo/2x/googlelogo_light_color_272x92dp.png) no-repeat center!important;
background-size:272px 92px!important;
max-height: 180px;
}
div.logo.doodle, div.ZbYMvd, div.qlS7ne{
background:url(https://www.google.com/images/branding/googlelogo/2x/googlelogo_light_color_272x92dp.png) no-repeat center!important;
background-size:86px 29px!important
} EOT;
}
@advanced color bg "Background" #1E1E1E
@advanced color bg-lighter "Lighter elements" #232323
@advanced color searchbar "Searchbar" #323232
@advanced color border "Border color" #323232
@advanced color main-text "Main text" #808080
@advanced color title-text "Title text" #999999
@advanced color accent "Accent color" #5C809E
@advanced color accent-h "Accent color lighter" #77A6CC
@advanced dropdown search-btns "Auto-hide search buttons" {
No "No" <<<EOT
EOT;
Yes "Yes" <<<EOT
.FPdoLc center{
opacity:0;
transition: opacity .5s
}
.FPdoLc center:hover{
opacity:1;
} EOT;
}
@advanced dropdown footer "Auto-hide footer" {
No "No" <<<EOT
EOT;
Yes "Yes" <<<EOT
#footer{
background: transparent;
}
#fbar, .c93Gbe{
opacity:0;
transition: opacity .5s
}
#fbar:hover, ._Fnc, #gb#gb a.gb_e:hover, #gb#gb a.gb_e:focus, .c93Gbe:hover{
opacity:1;
} EOT;
}
@advanced dropdown Hide-add-lang "Auto-hide language option"{
No "No" <<<EOT
EOT;
Yes "Yes" <<<EOT
#gws-output-pages-elements-homepage_additional_languages__als {
opacity:0;
transition: opacity .5s
}
#gws-output-pages-elements-homepage_additional_languages__als:hover {
opacity:1;
} EOT;
}
@advanced dropdown Gmail "Gmail (use in complement to Gmail dark theme)" {
No "No" <<<EOT
EOT;
Yes "Yes" <<<EOT
.aAT, .aAU, .iY .Bu, .nr{
background:#1E1E1E;
}
.ha > .hP, 
.hx .gD{
color:#999999;
}
p.MsoNormal{
color:#999999!important;
}
.go, .hx .hb, .ig .g3, .hI .g3, .iv .g3{
color:#808080;
}
.hx, .nr{
color: #A6A6A6;
}
.ii a[href]{
color:#5C809E ;
}
.amn > .ams {
border-radius: 0px;
color:#999999;
box-shadow: inset 0 0 0 1px #323232;
}
.ams:hover {
background-color:#232323;
}
.ams.bkH::before {
background-image: url('https://www.gstatic.com/images/icons/material/system_gm/1x/reply_white_20dp.png');;
}
.ams.bkI::before {
background-image: url('https://www.gstatic.com/images/icons/material/system_gm/1x/reply_all_white_20dp.png');
}
.ams.bkG::before {
background-image: url('https://www.gstatic.com/images/icons/material/system_gm/1x/forward_white_20dp.png');
}
.hB, .mL {
background-image: url('https://www.gstatic.com/images/icons/material/system_gm/1x/reply_white_20dp.png');
}
.hA {
background-image: url('https://www.gstatic.com/images/icons/material/system_gm/1x/more_vert_white_20dp.png');
}
.g1 {
background-image: url('https://www.gstatic.com/images/icons/material/system_gm/1x/print_white_20dp.png');
}
.gZ {
background-image: url('https://www.gstatic.com/images/icons/material/system_gm/1x/open_in_new_white_20dp.png');
}
.bi4 > .T-KT:not(.T-KT-Jp):not(.byM)::before {
background-image: url('https://www.gstatic.com/images/icons/material/system_gm/1x/star_border_white_20dp.png');
}
.aju div.aCi img .ajn, .aju .aCi img {
filter:invert(60%) contrast(250%);
}
.yO {
background:#232323;
}
.nH{
background:#1E1E1E;
}
.z0 > .L3{
background-color:#232323;
}
.z0 > .L3:hover, .z0 > .T-I-KE.L3:focus {
background-color: #454545;
}
.WR .z0 > .L3{
height:38px;
border-radius:0px;
padding: 0 20px 0 0;
}
.WR .z0 > .L3::before {
min-width: 48px;
}
.TK .TO, .n6 .ah9, .CL {
border-radius: 0px;
}
.byl .nZ.aBP {
background-color: #323232;
}
.TK .TO:active, .n6 .ah9.aiu:active, .CL:active, .TO.nZ, .TO.ol, .TO.NQ{
background: #282828;
}
.gb_Ne{
border-radius:0px;
}
} EOT;
}
==/UserStyle== */
@-moz-document regexp("https?://(www|images|translate).google.(com|([a-z]{2})).*") {
    @media (min-width: 768px) {
    /*[[footer]]*/
    /*[[search-btns]]*/
    .q:active, .q:visited {
    color:/*[[accent]]*/;
}
a.GvDr7c {
color: #CCCCCC;

}
.ndYZfc {
padding-top: 4px;

}
}
@media (max-width:767px) {
.mnr-c:not(:empty), .mnr-c, html > body > #wrap > #iwrap > #mog > #gb {
background-color:/*[[bg-lighter]]*/;

}
.Tg7LZd {
background-color:/*[[accent]]*/;

}
#gb {
border-bottom: none;

}
a, a.feGi6e {
color:/*[[accent]]*/;

}
.msq_a, #fbar .fbar .Fx4vi.cNUdAd > span > span {
color:/*[[title-text]]*/
!important;

}
.InNVqc > hr {
border-color:/*[[border]]*/;

}
.iSZmU {
border-bottom: 1px solid/*[[border]]*/;

}
}
.jsb, .sbsb_g, .ab_dropdownrule, .mssb_f td hr, .mssb_f, .YTDezd {
display: none;

}
.X4DQ0::after {
background: none;

}
._Fmb, ._Fmb:hover, ._Fmb.selected, ._Fmb.selected:hover, .rllt__action-button:active, .WGYX8, .KcXNxb, .gIoMsd, .Qi9Fd, .xBJvCb, .vg4Xpd, .EGUfvb, .nZWEZc .ttwCMe, .R1smN, .F9PbJd, #lst-ib, .YbqTTb, .sfbgg, .lgJJud, .yvg0ob span, .uch-xa-tl, .YSlUOe, .MGqjK, .kp-blk, g-card, .c93Gbe, .FalWJb {
background: transparent;

}
.fLJSwc, .MAMEle, #gb.gb_Mc {
background: transparent!important;

}
.NIYF4b {
background-color: transparent;

}
.uVGhGc, .sbsb_c:hover, .sbhl {
background: rgba(255, 255, 255, .1);

}
.gbZSUe:hover, .gbZSUe:active {
background: rgba(218, 220, 224, .1);

}
.uXmAI, .pWEaFf {
background: linear-gradient(to right, rgba(255, 255, 255, 0), /*[[bg-lighter]]*/
);

}
.P1Ycoe {
background: linear-gradient(90deg, rgba(255, 255, 255, 0), /*[[bg-lighter]]*/
);

}
#isr_chc g-right-button {
background: linear-gradient(270deg, /*[[bg]]*/
10%, rgba(255, 255, 255, 0));

}
#isr_chc g-left-button {
background: linear-gradient(90deg, /*[[bg]]*/
10%, rgba(255, 255, 255, 0));

}
.imspo_mt__vs-c {
background: linear-gradient(to bottom, transparent 0%, transparent 12.5%, /*[[bg]]*/
12.5%, /*[[bg]]*/
87.5%, transparent 87.5%, transparent 100%);

}
.Wb8Fp {
background-image: linear-gradient(top, /*[[bg-lighter]]*/
96%, rgba(0, 0, 0, 0));

}
.jvCr1e {
background-image: linear-gradient(/*[[border]]*/
1px, rgba(255, 255, 255, 0) 0);

}
html, body, #fbar, #appbar, ._dCh, #hdtbMenus, .kappbar, div.rl_feature, .rlc__slider, .rlc__slider-page, #sform, #rllhd__fldhc, .stt__tool ._ahq, .stt__tool .goog-flat-menu-button, .stt__tool .ab_button, #topstuff .sh-sp__pswtr, ._FCr, #sfcnt, .Sl6fgd, .srp, .Xeztj, #isv, .qe1Dgc, .RfVIk, .FkFdQc, .ABd7Db, .zQTmif, .YtXOzd, .kp-blk.cUnQKe, .RvYhPd::before, .rl_item, body.srp, .dG2XIf {
background:/*[[bg]]*/;

}
body.jfk-scrollbar div.bottom-wrapper div:nth-of-type(2), .mssb_f, .W3btD.Ulu4lc, .MIyI4c > div:first-child {
background:/*[[bg]]*/
!important;

}
.iKjWAf, .dr1yeb, .cEW58, .I6TXqe, .Ww4FFb {
background-color:/*[[bg]]*/;

}
#gb.gb_na {
background-color:/*[[bg]]*/
!important;

}
.lr_dct_lbl_box, ._yX, ._she, ._qgo, #fsett, g-inner-card, .mlo-c, .vk_c, .vk_cxp, .tw-menu-btn:hover .tw-menu-btn-image:first-child, .hdtb-mn-o, .hdtb-mn-c, .ab_dropdown, .goog-menu, ._xe, .rfli .kp-blk, ._vx, ._F2i, .cMjHbjVt9AZ__button:active, div._oip > g-inner-card, ._Tfr, ._UDr, ._pEr, ._ZIr, .BklRsd, #hdtbSum, .jZWadf, .wQnou, #kO001e, .etUWZd, .MDLhlf, .llgymd, .E72nk, #sfcnt.TshKde, #footer:not(.ctr-p), .VvrH3b:hover, .TieM1d, #gsr.srp.tbo.vasq.wf-b #searchform.big .sfbg .sfbgg, .EsIlz, #gsr.srp.vasq.wf-b #searchform.big .sfbg, #gsr.srp.vasq #searchform.big .sfbg, .EHzcec, .sfbg, .minidiv .sfbg, .eQ47Fc:hover, .IK8sod, .Qff0zd {
background:/*[[bg-lighter]]*/;

}
.v6U7rf #sDeBje, .suApsd {
background:/*[[bg-lighter]]*/
!important;

}
.hdtbItm, #cdr_opt, .o2ji6GoAIDp__menu, .bRsWnc, .ZINbbc, #hdtb-msb, .card:not(:empty), .qcTKEe, .card:not(:empty), .uais2d, .fyNb1e, .D9l01, .v6U7rf, .Hwkikb, .MXl0lf, .ImROUe, #hdtb.hdtba #hdtbMenus, .Ydr8h, .WGYX8:hover, .card:not(:empty), .T47uwc, .ZVWN5d, .WDVgYb, #fbtns .ksb, .q75kMb, .mnr-c.bUNBRd:not(:empty), .zDBTmf > div, .AIkRX, .LOh7cb, .EQhGhd, .ChlgHf, .iJvafd, .ZWBEDd, .h312td, .kLhEKe, .s8GCU, .iMCzjd, .w90itc, .ExnoTd, .yg51vc, .dU5Kl:hover, .k8XOCe, .eQ47Fc, .AGLhIc, .AGLhIc:hover, .AvBz0e {
background-color:/*[[bg-lighter]]*/;

}
.v6U7rf #mlogo, div.pGxpHc header#gb, .AvBz0e.MyDQSe.TkZZsf.Wt5Tfe {
background-color:/*[[bg-lighter]]*/
!important;

}
.rl_item._Txn:hover, ._wD:hover, ._qgo:hover, .klitem.selected, .klitem:hover, ._Db:hover, ._Db:active, .rllt__local-item-selected, .ktf, .ab_button, .Pvpvv, .As6eLe, .gb_J, .BVG0Nb, .H73aad, .y8Jpof:hover, .tS8mh, .knHJyb, .Nur2ud, .X2RyJf, .iFBpgc .LfE12c:not(.iqv4K):hover .MjJo9, .p4nmG894wHI__pinned-chip, .KPV9xf, .KPV9xf:hover, .HErFVb, .HErFVb:hover {
background: #282828;

}
g-fab {
background: #282828!important;

}
.VoEfsd, .JooUXc, .Z8r5Gb, .Jb0Zif .kIXOkb:hover, .imso-hov:hover, .jTw2d, .WpKAof:hover {
background-color: #282828;

}
.gssb_e, .bz1lBb, .zGVn2e, .f4JMWb, .sbib_a, .sbibod, .sbsb_a, .lst-c .sbib_a, .minidiv .RNNXgb, .RNNXgb, .RNNXgb:hover, .sbfc .RNNXgb, .o6juZc, .W6pGoe, .zP7KFe, .emcav .RNNXgb {
background:/*[[searchbar]]*/;

}
.aajZCb, .zthhpf, .lV0vqc, .msfi, .sc, .Sl6fgd .Tg7LZd, #sf.Pg70bf {
background-color:/*[[searchbar]]*/;

}
._Wmi, .ab_button:hover, .mye4qd, .H73aad:hover, .lqQNEe, #gbr {
background: #323232;

}
._W6g._Obq:hover g-fab, ._R6g._ufp:hover g-fab, ._S6g._ufp:hover g-fab, .mssb_e {
background: #323232!important;

}
.hdtbItm.hdtbSel, #hdtb-more-mn a:hover, .hdtbItm.hdtbSel:hover, .hdtbItm a:hover, #hdtb-tls:hover, .ZXJQ7c:hover, #cdrlnk:hover, .oLMvxj8HcwN__highlighted, ._ONj:active, .ab_dropdownitem.selected, .gb_Ec, ._b5m, ._ae.rlf__ami, ._ae:hover, .ccw_data, .ccw_unit_selector, .ccw_unit_selector:hover, .ccw_selector_bg, .pVFdhc, a.gb_O, a.gb_P, .GNJvt, .LgElHb, .MXl0lf:hover, .ImROUe:hover, .ltd0Tb, .rhs-osrp a.B1uW2d:hover, .Jb0Zif a.B1uW2d:hover, .Rip8ud, .gb_vc .gb_Ne.gb_Oe button:hover svg, gb_Ne button:hover svg, .gb_C:hover, .ySES5, .ccvoYb, .P6w8m.BDJ8fb:n...

Reviews

No reviews yet.