Dark Gmail by DM by jmoughon

/* ==UserStyle==
@name           Dark Gmail by DM
@namespace      https://github.com/DM164/Dark-by-DM
@version        5.32.2
@description    Dark mode for Gmail
@author         Denis Mignanelli
@homepageURL    https://dark-by-dm-website.now.sh/
@preprocessor stylus

@var checkbox highlight_unread 'Stronger Highlight | Unread Messages' 0
==/UserStyle== */
@-moz-document url-prefix("https://mail.google.com/mail/") {
    .aic, .aeN .ajl, .G-atb::before, .aAA.J-KU-Jg-K9, .l2, .bkK, .aeJ, .iY .Bu, .wR > .amn, .SI .aBz, .iC, .gb_oe.gb_la.gb_pe, #aso_search_form_anchor.gb_Ee.gb_df.gb_Fe, .bAw, .if, .UG, .aeN, .qd {
        background: #1f1f1f !important;
    }
    .V6.CL {
        color: #d8d8d8;
    }
    .TO .nU > .n0, .TO.NQ .nU > .n0, .TO.nZ .nU > .n0, .ah9 > .CJ, .n3 > .CL > .CK, .a3s, .g6 {
        color: #d6d6d6;
    }
    .aHS-bnw .qj, .TO > .aHS-bu1 .qj, .aHS-bnu .qj, .aHS-bnq .qj, .aHS-bns .qj, .aHS-bnv .qj, .aHS-aHO .qj, .aHS-aHP .qj, .aHS-bnx .qj, .CL::before, div.TH, .aJZ .qj, div.TH, .air .G-asx, .n4 .G-asx, .J-Ks-KO .J-N-Jo, .asi .J-Ks-KO::before, .asa, .G-Ni .T-Jo, .G-Ni .G-asx, td.apU > .T-KT.aXw::before, .aKD, .zA > td.oZ-x3, .brq, .bru, .brs, .brv, .brr, .G-atb .aqJ .amD, .iG .h0 .adg, .G-asx, .d-Na-J3.d-Na-JX-ax3.d-Na-hFsbo, .d-Na-N.d-Na-KO .d-Na-Jo, .d-Na-J3, .J-KU-KO .bvn, .bvn, .acX > .L3.aap, .bi4 > .T-KT, .mL, .mI, .J-JN-M-I-JG, .ams.bkG::before, .ams.bkH::before, .ade {
        filter: invert(100%);
    }
    .wT > .n3 .byl:first-child .aim:first-child .nZ {
        background-color: #2d2d2d;
    }
    .aRs {
        color: #d0d0d0;
        background-color: #1f1f1f;
    }
    .aRv {
        color: #fff;
    }
    .aKx > .aKz {
        color: #e0e0e0;
    }
    .gb_Ve {
        background: #1f1f1f;
    }
    .gb_Xa svg,
    .gb_oc svg {
        color: white;
        opacity: 0.80;
    }
    .z0 > .L3 {
        box-shadow: 0 1px 2px 0 rgba(19, 19, 19, 0.19), 0 1px 3px 1px rgba(0, 0, 0, 0.09);
        background-color: #2b2b2b;
        color: #dcdcdc;
    }
    .brC-aT5-aOt-Jw {
        background-color: #1f1f1f;
        border-left: 1px solid #1f1f1f;
    }
    .brC-aT5-aOt-ato-Kp-Jw::before {
        border-top: 1px solid #717171;
    }
    .qr {
        border-color: #fff;
    }
    .qj[style] {
        opacity: 0.2;
    }
    .akz {
        color: white;
    }
    .z0 > .L3:hover,
    .z0 > .L3:focus {
        background: #353535;
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.302), 0 4px 8px 3px rgba(49, 49, 49, 0.149);
    }
    .TO.NQ {
        background: #383838 !important;
    }
    .n6 .ah9:hover {
        background: #383838;
    }
    .J-M {
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        background: #232323;
        border: 1px solid #232323;
        border: 1px solid rgba(0, 0, 0, .2);
    }
    .J-N {
        color: #d8d8d8;
    }
    .J-Ks-KO .J-N-Jz {
        color: #ffffff;
    }
    .J-awr {
        color: #d6dde6;
    }
    .J-Kh {
        border-top: 1px solid #2d2d2d;
    }
    .afL .J-M-Jz {
        border-right: 1px solid #696969;
    }
    .afQ {
        color: #dedede;
    }
    .J-N-JT,
    .JN-JW {
        background: #252525;
    }
    .J-N-JT .J-N-Jz {
        color: white;
    }
    .afP {
        color: #b7b7b7;
    }
    .TO.nZ {
        background-color: #464646;
    }
    .aKB > .a2q {
        background: #1f1f1f !important;
    }
    .aRG {
        color: #c4c8e4;
    }
    .zF {
        color: #e4e4e4;
    }
    .y2 {
        color: #b4bbc3;
    }
    .yO > .xW {
        color: #aab2bb;
    }
    .a2q .cf {
        border: solid #edb802;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    .aBS .d-Na-J3.d-Na-JX-ax3.d-Na-JX {
        opacity: 0.7;
        filter: invert(100%);
    }
    .Dj {
        color: #bbc3ce;
    }
    .T-I-ax7.T-I-JE .T-I-J3 {
        opacity: 0.7;
    }
    .a2q {
        background: none;
        border-bottom: 1px solid #232323;
        font-size: 16px;
    }
    .d-Na-JG-M {
        background: #232323;
        border: 1px solid rgb(35, 35, 35);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }
    .d-Na-N {
        color: #bdbdbd;
    }
    .d-Na-N-JW {
        background: #292929 !important;
        color: white !important;
    }
    .d-Na-axR {
        border-top: 1px solid #2f2f2f;
    }
    .aRq {
        color: #77a8ff;
    }
    .ma,
    .l9,
    .l6,
    .l8,
    .mj {
        color: #b3b3b3;
    }
    .aKw > .aKs {
        color: #e1e7ef;
    }
    #loading {
        background-color: #1f1f1f;
    }
    .msgb {
        color: #ccc;
    }
    .submit_as_link {
        color: #77a8ff;
    }
    .msg {
        color: #d0d0d0;
    }
    #nlpt {
        background-color: #1f1f1f;
    }
    .J-KU-JW:not(.aDO) .aKz {
        color: #cacaca !important;
    }
    .bse-bvF-I-JW .bse-bvF-JX-Jw {
        background-color: #404040 !important;
    }
    .bse-bvF-I-KO .bse-bvF-JX-Jw {
        background-color: #292929;
    }
    .ha > .hP {
        color: #e8e8e8;
    }
    .hx .gD {
        color: #d2d7e6;
    }
    .go {
        color: #b9b9b9;
    }
    .J-JN-M-I-Jm {
        color: #cacaca;
    }
    .adI .B9 {
        color: #70a4ff;
    }
    .adJ > .hc,
    .zi > .hc,
    .ob > .adG {
        opacity: .70;
        filter: invert(100%);
    }
    .zz {
        opacity: .8;
        filter: invert(100%);
    }
    .hx .hb {
        color: #c0c9d4;
    }
    .ajy > .ajz {
        opacity: .70;
        filter: invert(100%);
    }
    .iv .g3 {
        color: #b6bec7;
    }
    .amn > .ams {
        color: #c9d3e0;
        box-shadow: inset 0 0 0 1px #232323;
        background: #232323;
    }
    .acX > .L3.aaq {
        filter: invert(100%);
    }
    .gt a {
        color: #9c9c9c !important;
    }
    .gI {
        color: #c5c5c5 !important;
    }
    .gD {
        color: #e0e0e0 !important;
    }
    .ajA {
        background-color: #464646 !important;
    }
    .HM .aDi::after {
        background: #232323 !important;
    }
    .aC3 {
        background: #232323 !important;
    }
    .HM .aDi::before {
        border-bottom: 1px solid #464646 !important;
        border-left: 1px solid #464646 !important;
        border-right: 1px solid #464646 !important;
        background: #464646 !important;
    }
    .J-Z-I-KO .dv,
    .aMZ.a1,
    .aMZ.e5,
    .aMZ.QT,
    .aMZ.aA7,
    .J-Z-I-J6-H > .aMZ.a2X,
    .og.T-I-J3,
    .J-Z-M-I-J6-H > .J-Z-M-I-JG,
    span.Kj-JD-K7-Jq,
    .HQ .J-JN-M-I-JG,
    .vN > .vM {
        opacity: .9;
        filter: invert(100%);
    }
    .oG {
        color: white;
    }
    .aZ .J-Z-axO .J-Z-M-I-Jm {
        color: #dadbec !important;
    }
    .J-Z-axR {
        border-left: 1px solid #757575 !important;
    }
    .J-Z {
        background: #313131 !important;
        border-top: 1px solid #313131 !important;
        border-bottom: 1px solid #313131 !important;
    }
    .aZ .aaA {
        filter: invert(100%) !important;
    }
    div.Kj-JD-Jz {
        color: #d9e0e8;
    }
    span.Kj-JD-K7-K0 {
        color: #efefef;
    }
    .J-Ke-I {
        color: #dcdcdc;
    }
    .LW-Ke-JD-JI-K0 a {
        color: #f1f1f1!important;
    }
    div.Kj-JD-Jl > button {
        color: #d6d6d6 !important;
    }
    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, 0.38) !important;
    }
    .IG {
        background-color: #1f1f1f !important;
    }
    .HM .et {
        background: #1f1f1f !important;
    }
    .LW-avf.Am {
        color: #d2d2d2 !important;
    }
    .eV > .oj .vO {
        color: #ececec !important;
    }
    .azX {
        background: #1f1f1f !important;
    }
    .HM .I5 {
        border: 1px solid #1f1f1f !important;
    }
    .vR > .vN {
        background-color: #464646;
        border: 1px solid #464646;
    }
    .vN > .vT {
        color: #d7e0ea;
    }
    .Tm .TC {
        background: #2b2b2b;
        color: #c3c3c3;
    }
    .ajj.ajl:before {
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid #232323;
    }
    .n6 .ah9:hover,
    .n6 .ah9.aiu:hover {
        background-color: #232323;
    }
    .CL:hover {
        background: #232323;
    }
    .pM {
        filter: invert(100%);
    }
    .J-Ph-hFsbo {
        filter: invert(100%);
    }
    .aDg > .aDj {
        background: #232323;
    }
    .aoT {
        color: #d8d8d8;
        background-color: #464646;
    }
    .GQ {
        background-color: #1f1f1f;
    }
    .ZF-zT {
        background-color: #232323;
    }
    .boo > .ZG {
        color: #d2dbe6;
    }
    .bs1 + .bs3,
    .btj + .aD {
        color: #d1d6e4;
    }
    .ZE > .J-JN-M-I-Jm {
        color: #bdc2d0;
    }
    .bs5::after,
    .bs1 + .bs3::before,
    .btj + .aD::before {
        opacity: .80;
        filter: invert(100%);
    }
    .boo .nr {
        background: #232323;
        color: #d4d4d4;
    }
    .gssb_m {
        background: #232323;
    }
    .gssb_l {
        background-color: #636363;
    }
    .gb_Td.gb_4d .gb_Qd {
        background: #292929;
    }
    .qj[style] {
        opacity: 0.8;
    }
    .gb_9e.gb_lf {
        filter: invert(100%);
    }
    .asd {
        color: #99a0a9;
    }
    .bAw .brC-aT5-aOt-Jw {
        border-left: 1px solid #232323;
    }
    .yP {
        color: #8e8e8e;
    }
    /*advertisement*/
    .aRA {
        background-color: #49ccff17;
        border-bottom: 1px #313334 solid !important;
    }
    .biK.T-I-J3.J-J5-Ji,
    .biJ,
    .biG.T-KT,
    .biM {
        filter: invert(1);
    }
    .bh3 {
        color: #b7bdc5;
    }
    .ai8 .aiR,
    .u6 {
        color: #33a6fa;
    }
    .aiY,
    .aiZ,
    .a3K .aiQ {
        color: #dadada;
    }
    .ai8 .aiO {
        border-bottom: 1px solid #7d7d7d;
    }
    /*advertisement -- */
    .a2q .cf {
        border: solid #423d2b;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }
    .asc {
        color: #dedede;
    ...