Simply - dark and cleaned style for Gmail.
Have fun!
Gmail Dark N' Clean / Octopus by octopus
Details
Authoroctopus
LicenseCC-BY-4.0
Categorygmail
Created
Updated
Size33 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Gmail Dark N' Clean / Octopus
@namespace https://userstyles.world/user/octopus
@author Octopus
@description `Simply - dark and cleaned style for Gmail.Have fun!`
@version 20241017.18.19
@license CC-BY-4.0
==/UserStyle== */
@-moz-document url-prefix("https://mail.google.com/"){
/*
___
.-' `'.
/ \
| ;
| | ___.--,
_.._ |0) ~ (0) | _.---'`__.-( (_.
__.--'`_.. '.__.\ '--. \_.-' ,.--'` `""`
( ,.--'` ',__ /./; ;, '.__.'` __
_`) ) .---.__.' / | |\ \__..--"" """--.,_
`---' .'.''-._.-'`_./ /\ '. \ _.-~~~````~~~-._`-.__.'
| | .' _.-' | | \ \ '. `~---`
\ \/ .' \ \ '. '-._) Gmail
\/ / \ \ `=.__`~-.
/ /\ `) ) / / `"".`\Dark 'N Clean
, _.-'.'\ \ / / ( ( / /
`--~` ) ) .-'.' '.'. | (by Octopus
(/` ( (` ) ) '-;
` '-; (-'
*/
body{color:#adadad}
body,.aAU,.aeN .ajl,.aic,.bkL{background:#2f2f2f}
.TO .nU>.n0,.TO.NQ .nU>.n0,.TO.nZ .nU>.n0,.ah9>.CJ,.n3>.CL>.CK,.zw .TO.nZ .bsU,.zw .TO.nZ .nU>.n0{color:#8f8f8f}
.zw .TK .TO.nZ:active,.zw .TK .TO.ol:active,.TK .TO.nZ,.TK .TO.ol,.byl .TK .nZ.aBP,.byl .TK .nZ.aS3,.byl .TK .nZ.aS4,.byl .TK .nZ.aS5,.byl .TK .nZ.aS6,.wT>.n3 .byl:first-child .aim:first-child .nZ{background:#353535!important}
.aKx>.aKz{color:#e0e0e0}
.Wz{filter:invert(.8);color:#0ff}
.gb_4a.gb_5a,.gb_ia,.gb_ia:focus,.gb_ia:hover,.gb_k.gb_0a.gb_1a{background:#2b2b2b}
.gb_ia:focus,.gb_ia:hover{border:1px solid#444}
.IU{filter:invert(.85)}
.gb_8a{filter:saturate(.4)}
.nH .Xa .V6{filter:invert(0)saturate(0);background-color:inherit}
.nH.Hy.aXJ{filter:invert(.81)saturate(0)}
.gb_Cb.gb_Cb,.gb_Db.gb_Hb,.gb_Mb>.gb_Lb:hover,.gb_rb.gb_rb,.gb_vb.gb_vb,.gb_Db.gb_Db:hover,.gb_rb.gb_rb:hover,.gb_vb.gb_vb:hover,.gb_Db.gb_Db:hover,.gb_rb.gb_rb:hover,.gb_vb.gb_vb:hover,.gb_Lb>.gb_Kb,
div.gb_Db.gb_Db:hover,.gb_rb.gb_rb:hover,.gb_vb.gb_vb:hover{background:inherit}
.gb_Db.gb_Db:hover,.gb_rb.gb_rb:hover,.gb_Lb>.gb_Kb:hover,.gb_wb:hover{background:#444}
#gb .gb_Cb.gb_Cb .gb_Jb:hover{background:#444}
.G-atb::before,.aAA.J-KU-Jg-K9,.aRs{background:#2f2f2f}
.aRs{color:#d0d0d0}
.aRv,.akz{color:#fff}
.YP,.Zi,.ah8,.ahj .aiW,.ahq,.aht,.ajc{color:#cacaca}
.aH2-aLf,.aHE-aLf,.aJi-aLf,.aKe-aLf{filter:invert(1)}
.gb_Xa svg,.gb_oc svg,.gb_sa svg{color:#999}
.z0>.L3[tabindex="0"]{box-shadow:0 1px 2px 0 rgba(19,19,19,.19),0 1px 3px 1px rgba(0,0,0,.09);background:#414040;color:#dcdcdc}
.z0>.L3:active,.z0>.L3:focus,.z0>.L3:hover,.z0>.T-I-KE.L3:focus{background:#434343;color:#fff}
.z0>.L3[tabindex="0"]:before{filter:invert(.75)saturate(0)}
.aJu .aic{background:#e8e8e8!important}
.aJu .aic>.z0{background:#e8e8e8}
.bqf:focus{box-shadow:inset 1 -2px 0 0 #4f4f4f}
.CL::before,.TO>.aHS-bu1 .qj,.TO>.aHS-nd .qj,img.xL,.aEc.aHS-bnr .qj,.aHS-aHO .qj,.aHS-aHP .qj,.aHS-bnq .qj,.aHS-bns .qj,.aHS-bnu .qj,.aHS-bnv .qj,.aHS-bnw .qj,.aHS-bnx .qj,.aJZ .qj,.aqN,div.TH,aEc.aHS-bnr,.bhZ:not(.bym) .aND .YI{filter:invert(.8)}
#tc{background-color:inherit;border:3px solid #2f2f2f}
.prefs{background-color:#1e1e1e}
#mainForm input,.BltHke.nH.oy8Mbf .gt a{color:#9c9c9c}
.qr{border-color:#fff}
.aJZ .qj{border-color:#000}
.TO.NQ{background:#383838!important}
.air .G-asx,.n4 .G-asx{filter:invert(1)}
.n6 .ah9:hover{background:#383838}
.J-M{-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);background:#3c3c3c;border:1px solid #3c3c3c;border:1px solid rgba(0,0,0,.2)}
.J-Ks-KO .J-N-Jz,.J-N-JT .J-N-Jz{color:#fff}
.J-awr{color:#d6dde6}
.V6.CL,.G-Ni .G-asx,.G-Ni .T-Jo,.J-Ks-KO .J-N-Jo,.aKD,.asa,.asi .J-Ks-KO::before,.gb_7e,td.apU>.T-KT.aXw::before{filter:invert(1)}
.XU{filter:invert(.85);background:#000}
.J-Kh{border-top:1px solid #5d5d5d}
.afL .J-M-Jz{border-right:1px solid #696969}
.afQ{color:#dedede}
.J-N-JT,.JN-JW{background:#404040}
.BQ,.BR,.BS,.In,.Pa,.SB,.aDD,.aDF,.aHS-Y9 .qj,.aVb,.ahS .ahF,.s0,.s1,.s3,.s6,.s7,.s9,.sX,.sY,.sZ,.xM,.yE,.zn,.zp{filter:invert(.8)}
.afP{color:#b7b7b7}
.TO.nZ{background:#464646}
.aKB>.a2q{background:#2f2f2f}
.aRG{color:#c4c8e4}
.aqw>td.apU>.T-KT.T-KT-Jp::before,.btb>td.apU>.T-KT.T-KT-Jp::before,td.apU>.T-KT.T-KT-Jp::before{opacity:.5}
.zE{color:#c7c7c7}
.yO,.zE{background:#2f2f2f}
.YI,.YV,.y2{color:#b4bbc3}
.aHS-YH .qj,.aHS-YW .qj{filter:invert(.8)}
.Y6{filter:saturate(.3)opacity(.8)}
.yO>.xW{color:#aab2bb}
.G-asx,.G-atb .aqJ .amD,.brq,.brr,.brs,.bru,.brv,.d-Na-J3.d-Na-JX-ax3.d-Na-hFsbo,.iG .h0 .adg,.zA>td.oZ-x3{filter:invert(1)}
.aBS .d-Na-J3.d-Na-JX-ax3.d-Na-JX{opacity:.7;filter:invert(1)}
.Dj{color:#bbc3ce}
.Wr>.Wn{color:#696969}
.Wq,.Wq-A8,.adj,.adk,.amI,.amJ{filter:invert(.5)}
.T-I-ax7.T-I-JE .T-I-J3{opacity:.7}
.bkK{background:#2f2f2f}
.a2q{background:0 0;border-bottom:1px solid #3c3c3c;padding-bottom:7px;font-size:16px}
.d-Na-JG-M{background:#3c3c3c;border:1px solid #3c3c3c;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.d-Na-N{color:#bdbdbd}
.d-Na-J3,.d-Na-N.d-Na-KO .d-Na-Jo{filter:invert(1)}
.d-Na-N-JW{background:#404040!important;color:#fff}
.d-Na-axR{border-top:1px solid #5a5a5a;margin-top:5px;margin-bottom:6px}
.aRq{color:#77a8ff}
.aeJ{background:#2f2f2f}
.l6,.l8,.l9,.ma,.mj{color:#b3b3b3}
.l6{padding-right:14px}
.aKw>.aKs{color:#e1e7ef}
#loading{background-color:#2f2f2f}
.msgb{color:#ccc}
.submit_as_link{color:#77a8ff}
.msg{color:#d0d0d0}
#nlpt{background-color:#1f1f1f}
.byT{opacity:.65}
.J-KU-KO .bvn,.bc2,.bvn{filter:invert(1)}
.J-KU-JW:not(.aDO) .aKz{color:#cacaca}
.bse-bvF-I-JW .bse-bvF-JX-Jw{background-color:#404040}
.bse-bvF-I-KO .bse-bvF-JX-Jw{background-color:#292929}
.BltHke.nH.oy8Mbf .go,.gb_vf input{color:#b9b9b9}
.J-JN-M-I-JG,.acX>.L3.aap,.bi4>.T-KT{filter:invert(1)}
.J-JN-M-I-Jm{color:#cacaca}
.adI{background:#f7f7f7}
.adI .J-JN-M-I-Jm{color:#6f6f6f}
.adI .J-JN-M-I-JG,.adI .adJ>.hc,.adI .ob>.adG,.adI .zz{filter:invert(0);opacity:.4}
.adI .B9{color:#327dff}
.zz{filter:invert(1)}
.BltHke.nH.oy8Mbf .hx .hb{color:#c0c9d4}
.BltHke.nH.oy8Mbf .iv .g3{color:#b6bec7}
.asor img,.bzx,.zz{opacity:.8}
.amn>.ams{color:#d7d1d1;box-shadow:inset 0 0 0 1px #666;background:#000}
.amn>.ams.bkG::before,.amn>.ams.bkH::before,.ams.bkI::before{filter:invert(.9)}
.acX>.L3.aaq,.asor img,.bzx,.hk>.L3{filter:invert(1)}
.gI{color:#c5c5c5!important}
.BltHke.nH.oy8Mbf .gD{color:#e0e0e0}
.ajA{background-color:#262626}
.HQ .J-JN-M-I-JG,.J-N-JX.a2X,.J-N-JX.a5,.J-Z-I-J6-H>.aMZ.a2X,.J-Z-I-J6-H>.aMZ.a5,.J-Z-I-KO .dv,.J-Z-M-I-J6-H>.J-Z-M-I-JG,.aAi,.aMZ.QT,.aMZ.a1,.aMZ.aA7,.aMZ.e5,.aaA,.adJ>.hc,.ajy,.ajy>.ajz,.ob>.adG,.og.T-I-J3,.vN>.vM,.zi>.hc,span.Kj-JD-K7-Jq{opacity:.7;filter:invert(1)}
.aoP a[href]{color:#ea3}
.oG{color:#fff}
.aZ .J-Z-axO .J-Z-M-I-Jm{color:#dadbec}
.J-Z-axR{border-left:1px solid #757575}
.aZ .aaA,.ajA.SK,.ajA.SK .gI a,.ajA.SK .qu{filter:invert(1)}
div.Kj-JD{background-color:#4e4e4e}
div.Kj-JD-Jz{color:#d9e0e8}
span.Kj-JD-K7-K0{color:#efefef}
.LW-KX .J-KU-Jz,.LW-KX-Jm{background:inherit!important}
.LW-KX .J-KU{background-color:inherit!important;color:#d0d0d0!important}
.LW-KX .J-KU-Jg,.LW-KX .J-KU-Jz{background:inherit!important}
.J-Ke-I{color:#dcdcdc}
.LW-Ke-JD-JI-K0 a{color:#f1f1f1}
div.Kj-JD-Jl>button{color:#d6d6d6}
div.Kj-JD-Jl>button.J-at1-atl:disabled,div.Kj-JD-Jl>button.J-at1-auR:disabled{background-color:#2c2c2c!important;color:rgba(219,229,236,.38)}
.Kj-JD-Jz a{color:#fff!important}
.Kj-JD-Jz input{color:#d0d0d0!important}
.LW-avf.Am{color:#d2d2d2}
.eV>.oj .vO{padding:2px 0;color:#ececec}
.azX{background:#2f2f2f!important}
.vR>.vN{background-color:#464646;border:1px solid #464646}
.vN>.vT{color:#d7e0ea}
.Tm .TC{background:#2b2b2b;color:#c3c3c3}
/*#\:18y td:nth-child(2){filter:invert(.76)}*/
label[for=":1bk"],span#\:190{filter:invert(.3)}
table.GS>tbody>tr{filter:invert(.76)}
table.GS>tbody>tr:first-child td div[role="button"]{filter:invert(.76)}
.aB,.cg,.e{filter:invert(.75)}
.aeQ{opacity:1}
.aeP .aeQ,.aeQ,.aeR .aeQ{background:#2f2f2f}
.ajj.ajl:before{box-shadow:0 2px 2px -1px rgba(0,0,0,.1);border-bottom:1px solid #3c3c3c}
.n6 .ah9.aiu:hover,.n6 .ah9:hover{background-color:#3c3c3c}
.CL:hover{background:#3c3c3c}
.J-Ph-hFsbo,.pM{filter:invert(1)}
.aoT{background-color:#464646}
.ZF-zT{background-color:#3c3c3c;color:#bec2cc}
.btl.acK{filter:invert(1)}
.boo>.ZG{color:#d2dbe6}
.bs1+.bs3,.btj+.aD{color:#d1d6e4}
.bs1+.bs3::before,.bs5::after,.btj+.aD::before{opacity:.8;filter:invert(1)}
.gssb_m{background:#3c3c3c}
.J-JB-KA-K8::before,.gssb_l{background-color:#636363}
.gb_Td.gb_4d .gb_Qd{background:#292929}
.qj[style]{opacity:.8}
.gb_9e.gb_lf{padding-left:2px;filter:invert(1)}
.asd{color:#99a0a9}
.bAw .brC-aT5-aOt-Jw,.bAw.bcf .brC-aT5-aOt-Jw:not(.brC-aMv-bta):not(.brC-aMv-auO){border-left:1px solid #3c3c3c;background:#2f2f2f}
.bAw .brC-aT5-aOt-Jw .bse-bvF-I{filter:opacity(.6);opacity:.8;border:0}
.bAw .brC-aT5-aOt-Jw .bse-bvF-I div{border:0}
.bAw .brC-aT5-aOt-axR{border-color:#666}
#qJTzr .aT5-aOt-I-JX-Jw{filter:invert(1)}
#qJTzr .aT5-aOt-I-JX-Jw:hover{background-repeat:no-repeat;background-position:center}
.brC-aT5-aOt-ato-Kp-Jw::before{border-top:1px solid #717171}
.yO{background:#2b2b2b;color:#9d9d9d}
.aRA{background-color:#5e5e5e17;border:0 #2f2f2f solid;border-width:1px 0;height:40px}
.a2q .cf{border:solid #423d2b;border-width:0 1px;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.asc{padding:8px 8px 0}
.J-LC-JR-Jp .J-LC-Jo,.J-LC-Jo,.asg .A0{filter:invert(1)}
.agd .J-M-JJ input{background:#353535;color:#d6d6d6}
.asc{color:#dedede}
.J-LC{background:#3c3c3c}
.aJ7 .aI0{border-color:#4e4e4e}
.gb_Qe.gb_8e{border:1px solid #2f2f2f;background:#2f2f2f}
.J-JK,.J-LC,.J-N{color:#c7c7c7}
.C6.aIZ>.T-Jo,.J-N .Bv{filter:invert(1)}
...