Google by gomgon

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

Authorgomgon
LicenseCC-BY-SA-4.0
Categorygoogle
Created2 years, 4 months ago
Updated5 months, 2 weeks ago
Size37 kB
Statistics

Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description

Changelog on GitHub
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.