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