DARK GMAIL 2025 by Facu

/* ==UserStyle==
@name           mail.google.com/mail/u/0/
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://mail.google.com/mail/u/0/") {
 
    /* Fondo general y contenedores principales */
body,
.nH,
.a3s,
.g-sidenav,
.gb_Hc,
.gb_Ed,
.J-Ke.J-K-K.aXw,
.I7OXgf {
    background-color: #2B2D31 !important;
    color: #C0C0C0 !important;
}

/* Texto general */
.yP,
.zF,
.xW,
.g3,
.a3s,
.g-sidenav-item,
.gb_Hd,
.J-Ke.J-K-K.aXw div[contenteditable="true"],
.adn a,
.a3s span,
.I7OXgf .nH div {
    color: #B9B9B9 !important;
}

/* Botones e iconos con inversión */
.T-I-ax7.L3.J-J5-Ji,
.J-Zh-I-Jw,
.aKS-L {
    filter: invert(100%) !important;
}

/* Iconos superiores ligeramente invertidos */
.gb_gf {
    filter: invert(70%) !important;
}

/* Evitar inversión en imágenes */
img {
    filter: none !important;
}

/* Enlaces visitados */
a:visited {
    color: #AAAAAA !important;
}

/* Invertir íconos embebidos */
.aTn div[role="button"] > div > div[data-tooltip],
.aTn div[role="button"] > div > div[data-tooltip] svg,
.aB g-img,
.asf div[role="button"] > div > div svg,
.asf div[role="button"] > div > div g-img {
    filter: invert(100%) !important;
}

/* Checkboxes seleccionados */
.aKS-L .J-JN-M-I-Jm {
    filter: invert(100%) !important;
}

/* Elementos seleccionados o activos */
.nZ,
.TK {
    background-color: #2B2D31 !important;
    color: #D0D0D0 !important;
}

/* Bordes más oscuros */
.nH.bkL .aql {
    border-color: #1E1F22 !important;
}

/* Estrellas o destacados */
.Bs.yY img {
    filter: invert(100%) !important;
}

/* Texto adicional */
.y2 {
    color: #B5B5B5 !important;
}
.zE {
    color: #BFBFBF !important;
    background: #35383E;
}

/* Fila de correo con foco o selección */
.yO {
    background: #2d2f34 !important;
    color: #C6C6C6 !important;
    border-color: #CAC6C6 !important;
}

/* Botones nuevos o secundarios */
.bAw.bcf .brC-aT5-aOt-Jw:not(.brC-aMv-bta):not(.brC-aMv-auO) {
    background: #2B2D31 !important;
}
.aeJ {
    background: #313338 !important;
}
form.aJf {
    background-color: #313338 !important;
}
.z0>.L3 {
    background-color: #5865F2 !important; /* Azul estilo Discord */
}
.Am {
    background: #35383E !important;
}

/* Texto dentro de botones u opciones */
.aKx>.aKz,
.ha>.hP,
.hx .gD {
    color: #A8A4A4 !important;
}

/* Fondos generales oscuros */
.nr,
.Ar {
    background-color: #1E1F22 !important;
}

/* Texto de botones importantes */
.jWOS7-JX-I {
    color: #FFFFFF !important;
}

/* Estilo en línea común */
[style] {
    color: rgba(255, 255, 255, 0.87) !important;
}

/* Contenedores especiales */
.rPlcIc {
    background-color: #686868 !important;
}
.aKw>.aKs {
    color: #FFFFFF !important;
}
.TO .nU>.n0, .TO.NQ .nU>.n0, .TO.nZ .nU>.n0, .ah9>.CJ, .n3>.CL>.CK {
        color: rgb(173 173 173);
    }
}
.TN[class*="aHS-"] .qj {
    filter: invert(100%) !important;
}
.n3 .CL.Q7::before {
    filter: invert(100%) !important;
}
.CL.Wj::before {
    filter: invert(100%) !important;
}

.aAv {
    color: #fff !important;
}
.aAw .aAu {
    filter: invert(100%) !important;
}
.xY>.T-Jo {
    filter: invert(100%) !important;
}

.gb_Fa svg, .gb_Pc svg, .gb_sd .gb_td, .gb_2c .gb_td {
    color: #949494 !important;
}
.kQ9Vzb, .asa .kQ9Vzb {
    color: #535353;
}
.bzn {
    filter: invert(100%) !important;
}

.bzn .bjy {
    filter: invert(100%) !important;
}

.T-Jo { 
    filter: invert(100%) !important;
}
.Dj {
    color: #bebebe;
}
.aJi-aLf {
    filter: invert(100%) !important;
}
.aKe-aLf {
    filter: invert(100%) !important;
}
.aKp {
    filter: invert(100%) !important;
}
td.apU>.T-KT.aXw::before {
    filter: invert(100%) !important;
}
.x7 {    
    background: #335c96;
}
.brc {
    color: #cdcdcd !important;
}
.bzn .asf {
    filter: invert(100%) !important;
}    
.aBS .d-Na-JX-I .d-Na-J3 {
    filter: invert(100%) !important;
}
#qJTzr > div.aT5-aOt-I-JX-Jw {
    filter: invert(100%) !important;
}
.J-M {
    background: #21242a;
}

.J-N-JX[class*="aDE"] {
    filter: invert(100%) !important;
}
.nZ>.TN.aHS-bnt .qj, .nZ>.TN.aHS-bnt .qj::before {
    filter: invert(0%) !important;
}
.H2.HD {
    color: #eaeaea;
    background-color:#21242a;
}
.H2 {
    fill: #d2d2d2;
}
.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, .VDSZAf.H5o3mc {
    background-color: #5865F2 !important;
}
.G-atb  {
    background: #35383E !important;
}
#\:4 > div > div.nH.aqK {
    background: #35383E !important;    
}
#\:1 > div > div > div.aKh {
    background: #35383E !important;     
}
.pG .a9q {
    filter: invert(100%) !important;
}
.n6 .n4 .G-asx {
    filter: invert(100%) !important;
}
.bzn .G-asx {
    filter: invert(100%) !important;
}
.U9 {
color:#FFF !important;
}
.d-Na-JG-M {
    background: #2b2e33 !important;
}
.d-Na-J3 {
    filter: invert(100%) !important;
}
.t9 {
background-color: #2b2e33 !important;
}
.ua {
    color: #fff !important;
}
.IU {
    background: #2b2e33 !important;
}
.Q0 {
    color: #fff !important;
}
.Q2, .bCh, .a21 {
    color: #fff !important;
}
.VM .Q5, .VM .OG {
    color: #ccc !important
}
.OB {
    filter: invert(100%) !important;
}
.Vo::before {
    filter: invert(100%) !important;
}
.Q1:checked+.Vo::before {
    filter: invert(0%) !important;
}
body > div.tVu25 > div.nH > div > div.nH.aqk.aql.bkL > div:nth-child(3) > div > div.KYatzc > div {
    filter: invert(100%) !important;
}
.UywwFc-I {
    filter: invert(100%) !important;
}
.VMn0Bf {
    filter: invert(100%) !important;
}
.c0sOAf {
    color: #fff !important;
}
.ETiJrb {
    color: #e6e6e6 !important;
}
.pYxI8c {
    color: #bfbfbf !important;
}
.mFqE8c {
    color: #bfbfbf !important;
}
.EHzcec {
    background:#2b2e33 !important;
}
.LVal7b {
    background:#2b2e33 !important;
    
}
.Rq5Gcb {
    color:#bfbfbf !important;
}
body {
    color: white !important;
}
.qLP7kc .jFfZdd {
    background: #35383E !important;
}
.LzIwWe {
    color: #dfdfdf !important;
}
.KKMNAc, .Wdz6e {
    color: #b5b5b5 !important;
}
.Lvwayc {
    background-color: #2b2e33 !important;
}
.eYSAde {
    color: white !important;
}
.pRjiJb {
    color: white !important;
}
.NMm5M {
    color: white !important;
}
.Z6NXed {
        color: white !important;
}
.SV {
    filter: invert(100%) !important;
}
.ST{
    color: white !important;    
}
.bsU {
    color: #bdbdbd;
}