Google Translate Darkmode by trgamer-tech

/* ==UserStyle==
@name           Google Translate Darkmode
@namespace      github.com/TRGamer-Tech/openstyles
@version        1.1.0
@description    A Darkmode for Google Translate!
@author         TRGYT
@license        CC Zero
==/UserStyle== */

@-moz-document domain("translate.google.com") {    
    :root {
        --mainbg: #121212;
        --secbg: #1d1d1d;
        --thirdbg: #474747;
        --errbg: #332626;
        --mainfont: #fff;
        --secfont: #dbdbdb;
        --placeholder: #bcbcbc;
        --link: #4f9cf5;
        --linkhov: #007dd6;
        --border: 1px solid #8c8c8c;
        --borderclr: #8c8c8c;
        --border-l: 15px;
        --border-m: 10px;
        --border-s: 5px;
    }
    
    .eyKpYb, .D5aOJc, .cEWAef, .A3dMNc, .QFw9Te, .FFpbKc, .ySES5, .akczyd, .J0lOec, .er8xn, .gb_oa .gb_Ld.gb_Qd.gb_Rd, .TYVfy, .P6w8m:not(.BDJ8fb):not(.Jj6Lae), .JqKQbd, .sp2Bqb, .fMHXgc, .yFQBKb {
            background: var(--thirdbg)!important;
    }
    
    .zQTmif, .EO28P, .j1rqpc, .qSb8Pe.KKjvXb, .dykxn {
        background: var(--secbg)!important;
    }

    .qSb8Pe:hover, .qSb8Pe:focus {
        background-color: var(--placeholder);
    }

    .qSb8Pe:hover > div, .qSb8Pe:focus > div {
        color: var(--secbg);
    }

   .WFnNle, .vSUSRc {
        background: var(--secbg);
    }
    
    .akczyd, .J0lOec, .er8xn, .gb_oa .gb_Ld.gb_Qd.gb_Rd, .TYVfy,.AarNVd, .Llmcnf, .qiN4Vb:not(:disabled),
    .qiN4Vb:not(:disabled), .qiN4Vb:not(:disabled) .VfPpkd-kBDsod, .ita-kd-icon-button, .yFQBKb {
        color: var(--mainfont);
    }
    
    .ita-kd-img {
        filter: invert(1);
    }
    
    .cWQYBc .irkilc, 
    .cWQYBc .hL2wFc, 
    .cWQYBc .aiUxpf, 
    .TcXXXb, 
    .yUUmWd .VfPpkd-jY41G-V67aGc,
    -webkit-tap-highlight-color,
    .gb_oa svg, 
    .gb_Fc svg, 
    .gb_2c .gb_4d, 
    .gb_Rc .gb_4d, 
    .TEGJAb, 
    .Tw0Tv:not(:disabled), 
    .SSgGrd:not(:disabled), 
    .itOtF:not(:disabled), 
    .yHy1rc:disabled {
        color: var(--secfont);
    }
    
    .X4DQ0::after {
        background: linear-gradient(to right,rgba(255,255,255,0),var(--placeholder))
    }
    
}