my own updated and customized version based off of Google - Clean Dark
Custom Dark Google by PlutoMonkey by plutomonkey
Details
Authorplutomonkey
LicenseCC BY-NC
Categorywww.google.com
Created
Updated
Size237 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
2022-05-13 Changed some colors for docs.google.com
2022-05-05 Edited some colors for calendar.google.com for better visibility
2022-05-03 Removed CSS for mail.google.com since using their native dark theme will look better for some emails
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Custom Dark Google by PlutoMonkey
@version 20220815.21.37
@namespace userstyles.world/user/plutomonkey
@description my own updated and customized version based off of <a href="https://userstyles.org/styles/144028/google-clean-dark">Google - Clean Dark</a>
@author plutomonkey
@license CC BY-NC
==/UserStyle== */
@-moz-document regexp("https?://(www|encrypted|images|translate|accounts|books|photos).google.(com|([a-z]{2}))(.[a-z]{2})?/(?!mobile|flights|intl|alerts|finance|calendar|nexus|contacts|services|voice|business|maps|dashboard|settings|android|adsense|analytics|doodles|chrome|fonts|patents|translate_p|recaptcha).*") {
/*** Main page ***/
body, html {
background: #252525!important;
color: #e8e8e8!important;
}
.footerInner {
background: #1b1b1b!important;
border-color: #333!important;
}
/* Buttons */
.jhp input[type="submit"], .sbdd_a input, .gbqfba, .gb_Fa, .ab_button, #smb, #gbw > div > div > div.gb_yc.gb_xg.gb_R > div.gb_hb.gb_3c.gb_xg.gb_R.gb_g > div.gb_rb.gb_fa.gb_g > div.gb_Eb > div:nth-child(1) > a, #gb_71, .gb_Fa, #gb a.gb_Fa.gb_Fa, .gb_Ha {
background-image: -moz-linear-gradient(top,#3a3a3a,#313131)!important; /* FF3.6+ */
background-image: -webkit-linear-gradient(top,#3a3a3a,#313131)!important; /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,#3a3a3a,#313131)!important; /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,#3a3a3a,#313131)!important; /* IE10+ */
background-image: linear-gradient(top,#3a3a3a,#313131)!important; /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#1b1b1b',GradientType=0 ); IE6-9 */
background-color: transparent!important;
border: none!important;
color: #8a8a8a!important;
cursor: pointer!important;
}
.jhp input[type="submit"]:hover, .sbdd_a input:hover, .gbqfba:hover, .gb_Fa:hover, .ab_button:hover, #smb:hover, #gbw > div > div > div.gb_yc.gb_xg.gb_R > div.gb_hb.gb_3c.gb_xg.gb_R.gb_g > div.gb_rb.gb_fa.gb_g > div.gb_Eb > div:nth-child(1) > a:hover, #gb_71:hover, .gb_Fa:hover, #gb a.gb_Fa.gb_Fa:hover, .gb_Ha:hover {
background-image: -moz-linear-gradient(top,#313131,#3a3a3a)!important; /* FF3.6+ */
background-image: -webkit-linear-gradient(top,#313131,#3a3a3a)!important; /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,#313131,#3a3a3a)!important; /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,#313131,#3a3a3a)!important; /* IE10+ */
background-image: linear-gradient(top,#313131,#3a3a3a)!important; /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b1b1b', endColorstr='#3a3a3a',GradientType=0 )!important; IE6-9 */
cursor: pointer!important;
}
/* Doodles */
.ddl-melies-b, .ddl-melies-c {
background: transparent!important;
}
/* Topbar */
#gb#gb a.gb_P, #gb#gb span.gb_P {
color: #e8e8e8!important;
}
#gb#gb a.gb_g {
color:#848484!important;
}
/* Search */
.sbib_a, .sbsb_a, .RNNXgb, .aajZCb {
background: #1b1b1b!important;
}
#QDMvGf, .thCpXb, .iOGqzf.mJEC7c {
background: #252525!important;
}
.iOGqzf .H4qWMc.aXIg1b, .TVJLWe, .Ubd3wc, .hqwb1b {
color: #fff!important;
}
.PVsnzc, .fUflyc, .esuhec, .v3jTId {
color: #fff!important;
}
.ABd7Db, .DYMkgd, .yg51vc {
background: #252525!important;
}
.JSAgYe {
color: #000!important;
}
.mfMhoc {
color: #fff!important;
}
.k8XOCe {
background-color: #474747;
}
.s75CSd {
color: #acacac!important;
}
.reYxHb, .gDr70c, .kKVYgd {
color: #fff
}
.d2laFc .w1I7fb, .BHzsHc, .d2laFc .wLBAL,
.Cy9gW, .XxrEYe, .LMMXP {
color: #9b9b9b!important;
}
.TADXpd {
color: #4339b5!important;
}
.wFCloc {
color: #fff
}
.RvYhPd, .T4LgNb {
background-color: #1b1b1b!important;
}
.f3LoEf, .p5AXld, .rOVRL {
color: #3296c8 !important;
}
.ac-renderer {
background-color: #1b1b1b!important;
border-color: #1b1b1b!important;
}
.ac-active, .MGqjK, .MXl0lf {
background-color: #333!important;
}
.F9PbJd {
background-color: #333!important;
border: 1px solid #1b1b1b!important;
}
.k2Oeod.MFTKyf {
background: linear-gradient(270deg,#252525 0%,rgba(0, 0, 0, 0) 100%);
}
.sbibod, .kfn9hb .iFjolb {
background-color: #1b1b1b!important;
}
.n1Mpqb {
color: #a8a8a8;
}
.NOiGgb .sb-unsaved svg{
fill: #a8a8a8;
}
.iMCzjd, .w90itc, g-card, .Lj9fsd {
background-color:#252525!important;
}
.ILfuVd, .rjOVwe, .c2xzTb, .zloOqf, .OS8yje, .xRxmxc {
color: #fff!important;
}
.JheGif, .QsV5nc .yF4Rkc, .lQ6Auc, .gBPM8 .tmS4cc.VgAC5d .gadasb,
.UDCCJb, .UDCCJb:active, .UDCCJb:focus,
.s2n8Rd .wLBAL,
[data-style="heading"],
.sfYUmb,
.nObcn {
color: #a6a6a6!important;
}
.N3Hzgf .snByac {
background-color:#333333;
}
.WF4CUc, .o5GQac img {
color: #a6a6a6!important;
}
.dr1yeb, .vg4Xpd, .TtcoFc, .FoDaAb, .s8GCU, .c93Gbe {
background-color:#252525!important;
}
.FalWJb {
background-color: #252525!important
}
.ynAwRc {
color: #1194fc;
}
.aypzV {
color: #a8a8a8
}
.wM6W7d, .aMEhee {
color: #a2a2a2
}
.f196ee {
background-color: #252525;
}
.WggQGd {
color: #52188c;
}
.c8d6zd {
color: #fff;
}
.O3JH7.qLBFXd {
color: #d9d9d9;
}
.XqHOTb.IGEbUc, .ZFAGbf {
filter: invert(1)!important;
}
.JNkvid .HnYYW, .a9v0ne, .a9v0ne:link, .a9v0ne:visited {
color: #a6a6a6!important;
}
.OeVqAd {
background-color:#2b2a2a!important;
border-radius: 40px;
width: 170px
}
.Jb0Zif .lPubzd {
border-bottom: 3px solid #424242
}
.gJBeNe {
color: #a6a6a6!important;
}
.gsfi, .lst {
color: #e8e8e8!important;
background: #1b1b1b!important;
}
.sbdd_b, .sben_a, .sbl1,
.zCubwf {
color: #adadad!important;
}
.minidiv .sfbg {
background: #252525!important;
}
.sbsb_d, .sbhl {
background: #292929!important;
}
.RqlTSb, .YQhxq, .Pe3NK, .EzopYd {
color: #a6a6a6;
}
.sbpqs_a {
color: #7547a5;
}
.PDvun, .jPHPSe {
color: #fff!important;
}
.im {
color:#fff!important;
}
.ersBRc, .BP43u, .Mz7Vzb {
color: #686868!important;
}
#qbi {
filter: invert(0.8)!important;
}
._Fnc {
filter: invert(0.9)!important;
}
.g4qune .qBHUIf{
color: #ffffff!important;
}
#qbdp, #qbup {
background: #252525!important;
border-color: #333!important;
color: #e8e8e8!important;
}
.I6TXqe {
background-color: #333!important;
}
.Ww4FFb {
background-color: #252525!important;
}
.w8qArf .fl,
a .zTpPx {
color: #e8e8e8!important;
}
.RNNXgb {
border-color: transparent!important;
border-radius: 2px!important;
}
.aajZCb {
border-radius: 2px;
}
.sbct:first-child .sbtc {
border-color: #151515!important;
}
#tsf > div:nth-child(2) > div > div.UUbT9 > div.aajZCb > a, .vdLsw span {
visibility: hidden!important;
display: none!important;
}
.sbct:first-child .suggestions-inner-container {
border-color: #171717!important;
}
.spell-diff-red {
color: #ff2b44!important;
}
/* Account info & settings */
.gb_ga, .gb_Mb {
background-color: #252525!important;
color: #e8e8e8!important;
}
.gb_Ea {
background: #333;
border-color: #333;
}
.gb_Eb .gb_Db:hover {
background: #444;
border-color: #444;
cursor: pointer!important;
}
#gb .gb_xb a.gb_Db.gb_Db {
color: #fff!important;
}
.gb_yb, .gb_ia {
background: #252525!important;
}
.gb_jb, .gb_qb {
border-bottom-color: #252525!important;
}
.gb_kb, .gb_rb {
border-bottom-color: #333!important;
}
.gb_ja, .RAYh1e {
background: #252525!important;
}
.gb_ka, .gb_Fb, .VmOpGe {
background: #1b1b1b!important;
}
.gb_Z:hover .gb_3, .gb_Nb:hover {
background: #333!important;
}
.gb_Z:hover a {
border: 1px solid #333!important;
}
.gb_3 {
color: #3296c8!important;
}
.gb_la {
border-bottom: 1px solid #3a3a3a!important;
}
.gb_4b.gb_b, .gb_4b.gb_Fc.gb_Ec {
filter: invert(1)!important;
}
.gb_ga, .dU0W2d, .FPFGmf>.znIWoc:only-child:before, .FPFGmf>.znIWoc:after {
border-color: #333!important;
}
.gb_lb {
border-bottom-color: #333!important;
}
.gb_ka, .b5sWd {
border-color: #333!important;
}
.gb_ka {
background: #333!important;
}
.gb_fa, .gb_Lb {
background: #252525!important;
border-color: #333!important;
color: #8e8e8e!important;
}
.gb_Eb {
background: transparent!important;
border-color: #333!important;
color: #8e8e8e!important;
}
.gb_Mb:hover, .vR13fe[role="button"]:hover, .vR13fe[role="link"]:hover {
background-color: #333!important;
}
.gb_Ab, .gb_Wb, .gb_Xb {
color: #e8e8e8!important;
}
.zW5vrf .to0cd {
color: #aaa!important;
}
.gb_pb {
border-bottom-color: #333!important;
}
#gbwa > div.gb_Kc > div.gb_pb, #gbw > div > div > div.gb_yc.gb_xg.gb_R > div.gb_Hc.gb_3c.gb_R.gb_Ic.gb_g > div.gb_Kc > div.gb_pb, #gbw > div > div > div.gb_yc.gb_xg.gb_R > div.gb_hb.gb_3c.gb_xg.gb_R.gb_g > div.gb_Kc.gb_jb.gb_xg.gb_R > div.gb_pb {
border-bottom-color: #252525!important;
}
#gbwa > div.gb_Kc > div.gb_qb, #gbw > div > div > div.gb_yc.gb_xg.gb_R > div.gb_Hc.gb_3c.gb_R.gb_Ic.gb_g > div.gb_Kc > div.gb_qb, #gbw > div > div > div.gb_yc.gb_xg.gb_R > div.gb_hb.gb_3c.gb_xg.gb_R.gb_g > div.gb_Kc.gb_jb.gb_xg.gb_R > div.gb_qb {
border-bottom-color: #333!important;
}
/*** Notifications ***/
.gb_fa {
background: #252525!important;
border-color: #333!important;
color: #8e8e8e!important;
}
#gbsfw.gb_Ic {
background: #333!important;
border-color: #333!important;
}
.gb_da .gb_b {
filter: invert(0.9)!important;
}
/*** Search page ***/
.sfbgg {
background: #252525!important;
border-color: #333!important
}
.sfbgx {
background-color: #252525!important;
border-bottom: 1px solid #1b1b1b!important;
}
.sfbg {
background: #252525!important;
}
.bclEt, .F3p6q, .cROF7c, .VJwspe, .ikb4Bb {
color: #fff!important;
}
.rsj3fb, .OZ8wsd {
color: #7d7d7d!important;
}
.BfIAp {
fill: #fff!important;
}
.flyr-o, .flyr-w {
background-color: transparent!important;
}
/* Search tools */
#hdtb, #hdtb.hdtba #hdtbMenus {
background: #252525!important;
border-bottom: 1px solid...