Gmail Darker Teal by dimmuboy

/* ==UserStyle==
@name         Gmail Darker Teal
@namespace    USO Archive
@version      20220317.12.19
@description  Modified Gmail Clean Dark by Faith79 theme with teal accent
chrome-extension://clngdbkpkpeebahjckkjfobafhncgmne/edit.html?id=4@author       Dimmu Boy
@license      NO-REDISTRIBUTION==/UserStyle== */
@-moz-document url-prefix("https://mail.google.com") {
/*
    *    @version 1.1.8
    *    @author  eDm
    *    @name    Gmail Darker Teal
    *    @title   Gmail Darker Teal
    *    @url     https://userstyles.org/styles/171679
    *    @fork    Gmail - Clean Dark v1.2.3
    */
    /*Loading screen */
    #loading > div:nth-child(1),
    #aso_search_form_anchor {
        background-color: #252525!important;
    }
    /*####################################################################################*/
    /*Header */
    .gb_Dd.gb_ce.gb_Md,
    .gb_ge,
    .gb_je,
    .gb_ke,
    .gb_qe,
    .gb_6d,
    .aiw .qp,
    html.aAX body.aAU div div.nH div.nH div.nH.w-asV.aiw div.nH.oy8Mbf.qp header#gb.gb_Wa.gb_sb.gb_Kc div.gb_7d.gb_Be.gb_fe {
        background-color: #1b1b1b!important;
    }
    .gb_Dd.gb_ce.gb_Md > div.gb_Bc.gb_Xd.gb_ze > div:nth-child(1) > svg > path,
    #gb a.gb_ea,
    #gb a.gb_ea:visited,
    #gb a.gb_ea:active,
    #gb a.gb_fa,
    #gb a.gb_fa:visited {
        color: #8e8e8e;
    }
    .z0 > .L3 {
        background-color: #555;
        color: #ccc;
    }
    .z0 > .L3:hover,
    .z0 > .L3:focus {
        background-color: #666!important;
    }
    /*Search icon */
    .gb_bf.gb_lf > svg > path:nth-child(1) {
        color: #8e8e8e;
    }
    .gb_Ta svg,
    .gb_lc svg {
        /*filter: invert(.5);*/
    }
    /*Search options -> */
    .gb_qf > svg > path:nth-child(1) {
        color: #8e8e8e;
    }
    .ZF-z6,
    .ZF-zT,
    .ZF-Av .lJ,
    .ZF-Av .lN,
    .ZF-zT > .ZZ,
    .nH.bkL {
        background-color: #252525!important;
    }
    .SK.ZF-zT {
        border-color: #333;
    }
    .bs5::after {
        /*filter: invert(.9);*/
        padding-right: 10px;
    }
    .J-Kh {
        border-color: #333;
    }
    .bs1 + .bs3,
    .btj + .aD {
        color: #eee;
    }
    .bs1 + .bs3::before,
    .btj + .aD::before,
    .gb_Pe.gb_Tc svg,
    .gb_1e button svg,
    .gb_1e button img,
    .gb_Va svg,
    .gb_nc svg {
        /*filter: invert(.9)!important;*/
    }
    /*Calender*/
    .J-JB-KA {
        background-color: #252525;
        border-color: #555;
        color: #aaa;
    }
    .J-JB-KA-a6O-Zq,
    .J-JB-KA-a6O-Zj {
        color: #aaa;
    }
    .J-JB-KA-a1R-JB.J-JB-KA-LH,
    .J-JB-KA-a1R-JB.J-JB-KA-Ku-Kk,
    .J-JB-KA-JB.J-JB-KA-a1R-JB {
        color: #444;
    }
    .J-JB-KA-bsO,
    .J-JB-KA-bsP {
        background-color: transparent!important;
        /*filter: invert(.5);*/
    }
    .J-JB-KA-JS,
    .J-JB-KA-Jk {
        background-color: #252525;
        color: #eee;
    }
    .J-JB-KA-Ku-Kk {
        color: #888;
    }
    .J-JB-KA-LG {
        background-color: #252525;
        color: #eee;
    }
    .J-JB-KA-JB:not(.J-JB-KA-K8):not(.J-JB-KA-KO):hover::before {
        background: #eee;
    }
    .J-JB-KA-K8::before {
        background: #aaaa;
    }
    .boo .aQl > .J-JN-M-I-JG,
    .boo .aaa > .J-JN-M-I-JG,
    .boo .ZE > .J-JN-M-I-JG {
        /*filter: invert(.5);*/
    }
    /*Text */
    .bs0 > .acM.acN {
        color: #555;
    }
    .ZG {
        color: #aaa;
    }
    /* <- Text */
    /* TextField -> */
    .boo .nr,
    .boo .nr:focus {
        background-color: #373737;
        color: #ccc;
    }
    /* <- TextField */
    /* Checkbox */
    .J-M {
        background-color: #252525;
    }
    /* Hover */
    .J-N-JT {
        background-color: #353535;
    }
    .J-N-Jz,
    .J-Ks {
        color: #777!important;
    }
    .boo .aQl > .J-JN-M-I-Jm,
    .boo .aaa > .J-JN-M-I-Jm,
    .boo .ZE > .J-JN-M-I-Jm {
        color: #eee;
    }
    /* <- Search options */
    /*Notification */
    .gb_Ee.gb_Rc svg {
        color: #9d9d9d;
    }
    /*Google apps -> */
    #gbwa > div > a > svg > path {
        color: #5f6368!important;
    }
    .gb_6,
    .gb_6 + .gb_fa,
    .gb_ha .gb_fa,
    .gb_ha .gb_da,
    #gbsfw.gb_4c {
        border-color: #252525;
    }
    #gb > div.gb_Dd.gb_ce.gb_Md > div.gb_ba.gb_aa.gb_ua.gb_g.gb_ca.gb_ha > a.gb_fa.gb_0f {
        color: #aaa;
    }
    /* <- Google apps */
    /* Search bar */
    #aso_search_form_anchor,
    .gssb_m,
    .gssb_e {
        background-color: #252525;
    }
    .gssb_i,
    .gssb_l {
        background-color: #333!important;
    }
    .msgb {
        color: #ccc!important;
    }
    .asor {
        /*filter: invert(.9);*/
    }
    .gsoi_0 {
        /*filter: invert(.3);*/
    }
    .gssb_i > .gssb_a,
    .gssb_e {
        border-color: #444;
    }
    .asor_o {
        /*filter: invert(.7);*/
    }
    .gssb_m {
        color: #959595!important;
    }
    #aso_search_form_anchor > div > input {
        color: #9d9d9d!important;
    }
    /*####################################################################################*/
    /*Sidebar right*/
    .nH.bAw.nn {
        background-color: #252525;
    }
    .brC-aT5-aOt-Jw {
        background-color: #252525;
    }
    .brC-aT5-aOt-axR {
        -webkit-border-before-color: #333;
    }
    /*Buttons*/
    .brC-dA-I-Jp,
    .aT5-aOt-I-JW .aT5-aOt-I-JX-Jw,
    .aT5-aOt-I-Kq .aT5-aOt-I-JX-Jw,
    .brC-aMv-bta .aT5-aOt-I-KO .aT5-aOt-I-JX-Jw,
    .brC-aMv-bta .aT5-aOt-I-JO .aT5-aOt-I-JX-Jw {
        background-color: #333!important;
    }
    .brC-dA-I.aT5-aOt-I-Jp .aT5-aOt-I-JX-Jw,
    .brC-aMv-bta .brC-dA-I.aT5-aOt-I-Jp .aT5-aOt-I-JX-Jw,
    .aT5-aOt-I-JO .aT5-aOt-I-JX-Jw {
        background-color: #353535!important;
    }
    .brC-dA-I-JO,
    .brC-aMv-bta .brC-dA-I-JO {
        background-color: #252525;
    }
    .brC-dA-I-JW,
    .brC-aMv-bta .brC-dA-I-JW {
        background-color: #333;
    }
    .bse-bvF-I-JW .bse-bvF-JX-Jw,
    .bse-bvF-I-Kq .bse-bvF-JX-Jw {
        background-color: #333;
    }
    /*Sidebar left*/
    .aic {
        background-color: #252525;
    }
    .aeN .ajl {
        background-color: #252525;
    }
    .TO .nU > .n0,
    .TO.NQ .nU > .n0,
    .TO.nZ .nU > .n0,
    .ah9 > .CJ,
    .n3 > .CL > .CK {
        color: #ccc;
    }
    .aHS-bnw .qj,
    .yE,
    .TO > .aHS-bu1 .qj,
    .aHS-bns .qj,
    .aHS-bnu .qj,
    .aHS-bnq .qj,
    .aHS-bnr .qj,
    div.TH,
    .aH2-aLf,
    .aHE-aLf {
        /*filter: invert(.9);*/
    }
    .J-KU-KO > .aH2-aLf,
    .J-KU-KO > .aHE-aLf {
        filter: none;
    }
    .bsU {
        color: #eee!important;
    }
    .air .G-asx,
    .n4 .G-asx,
    .aHS-aHP .qj,
    .aHS-aHO .qj,
    .aHS-bnx .qj,
    .aHS-bnx .qj,
    .CL::before,
    .aHS-bnv .qj {
        /*filter: invert(.9);*/
    }
    .ajj.ajl:before {
        border-bottom: 1px solid #454545;
    }
    .wT > .n3 .byl:first-child .aim:first-child .nZ,
    .TK .TO.nZ:active, .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,
    .zw .TK .TO.nZ:active, .zw .TK .TO.nZ {
        background-color: #454545;
    }
    /* Fixen */
    .nZ > .aHS-bnt .qj,
    .aHS-bnt .qj::before,
    .NQ .afM {
        /*filter: invert(.5);*/
    }
    .byl .TK .TO.nZ>.aHS-bnt .n0, .TK .nZ>.aHS-bnt .bsU, .byl .TK .nZ.aS3 .nU>.n0, .TK .nZ.aS3 .bsU, .byl .TK .nZ.aS4 .nU>.n0, .TK .nZ.aS4 .bsU, .byl .TK .nZ.aS5 .nU>.n0, .TK .nZ.aS5 .bsU, .byl .TK .nZ.aS6 .nU>.n0, .TK .nZ.aS6 .bsU, .TK .TO.nZ .nU>.n0, .TK .ol.NQ .nU>.n0, .TK .TO.ol .nU>.n0, .TK .nZ .bsU, .TK .ol .bsU
    .byl .TO.nZ > .aHS-bnt .n0,
    .nZ > .aHS-bnt .bsU {
        color: #eee;
    }
    .TO.NQ,
    .n6 .ah9:hover,
    .n6 .ah9.aiu:hover,
    .n6 .ah9:focus,
    .CL.NQ,
    .CL:hover,
    .CL:focus {
        background-color: #353535;
    }
    .TK .TO:active,
    .n6 .ah9.aiu:active,
    .CL:active,
    .TO.nZ,
    .TO.ol {
        background-color: #454545;
    }
    .aHS-bnt .qj {
        /*filter: invert(.9);*/
    }
    .J-N-Jz,
    .J-Ks {
        color: #eee;
    }
    .J-Ks-KO .J-N-Jo,
    .asi .J-Ks-KO::before {
        /*filter: invert(.9)!important;*/
    }
    .afQ {
        color: #656565;
    }
    .afL .J-M-Jz {
        border-right: 1px solid #444;
    }
    .nL,
    .J-Ph-hFsbo {
        /*filter: invert(.7);*/
    }
    .byl .nZ.aS6,
    .byl .nZ.aS4,
    .byl .nZ.aS3,
    .byl .nZ.aS5 {
        background-color: #454545;
    }
    /*####################################################################################*/
    /* Hangouts */
    .J-KU .aH3,
    .J-KU-KO .aH3,
    .J-KU.a65 .aj2,
    .J-KU-KO.a65 .aj2,
    .J-KU-JW.a65 .aj2,
    .J-KU .a8V,
    .J-KU-KO .a8V,
    .J-KU-JW .a8V {
        /*filter: invert(0.7);*/
    }
    .aj5.J-KU-Jg {
        border-top: 1px solid #555;
    }
    .Xg,
    .a07 .a06,
    .a07 .a06 .a1i,
    .a07 .a06 .T-P-Jz-UR,
    div.ibIQPb,
    div.Yo,
    div.zA,
    div.mD,
    div.Lo,
    .aOY59,
    .Wkchmf,
    .aeN .akc,
    .oo,
    .aeO,
    .aj5 .J-KU,
    .aj5.J-KU-Jg,
    .gB,
    .x1bKod,
    .G-atb {
        background-color: #252525;
    }
    .T-P-atE .T-P-atC,
    .T-P-atF .T-P-atC {
        border-color: transparent #eee;
    }
    .VQ7Kyb {
        border: 1px solid #555;
    }
    .YAtp9b,
    .RM,
    .tly4Vb,
    .yeJIie,
    .dBcHLc {
        color: #eee;
    }
    .ahRshd .wxPY,
    .bi97z,
    .xJpgab .M-ea {
        color: #aaa;
    }
    body.muPwQb .X.B .mnIV2e {
        /*filter: invert(.9);*/
    }
    .Qcw3ab {
        border-top: 1px solid #555;
    }
    .NLK4Q {
        color: #bbb;
    }
    .Yo .z-b-G,
    .Lo .vo > button,
    .vr .z-b-G {
        /*filter: invert(.85);*/
    }
    .c-i,
    .Ukpgsf,
    .SphxG {
        background-color: #252525;
        border: 1px solid rgba(0, 0, 0, .2);
    }
    .c-k-o .c-k-t {
        color: #757575!important;
    }
    .c-k-Tb,
    .c-k-p {
        background-color: #454545;
        border-color: #454545;
    }
    .c-k-Tb .c-k-t,
    .c-k-p .c-k-t,
    .eMuujb,...