☰

Google Translate: dark theme

Dark theme for google translate.

当前为 2021-05-15 提交的版本，查看 最新版本。

/* ==UserStyle==
@name Google Translate: dark theme
@version 1.0.15
@description Dark theme for google translate.
@author Omar Hussein <[email protected]>
@license WTFPL
@namespace https://greasyfork.org/users/772322
==/UserStyle== */

@-moz-document url-prefix("https://ogs.google.com"), url-prefix("https://translate.google.com") {
:root {
      --clr-primary: #1a73e8;
      --clr-black: #000000;
      --clr-black-900: #171717;
      --clr-black-800: #202124;
      --clr-black-700: #303237;
      --clr-border: #5f6368;
      --clr-text: #ffffff;
      --clr-text-fade: #cccccc;
      --clr-text-hover-bg: #3f49f2;
      --clr-success: #2e4434;
      --clr-error: #3e2f2d;
      --clr-primary-rgb: 26, 115, 232;
      --clr-black-900-rgb: 23, 23, 23;
      --clr-black-rgb: 0, 0, 0;
      --clr-border-rgb: 95, 99, 104;
      --clr-success-rgb: 46, 68, 52;
      --clr-error-rgb: 62, 47, 45;
    }
}

@-moz-document url-prefix("https://translate.google.com") {
    header, .RvYhPd.Q5Onnd {
      color: var(--clr-text);
      background: var(--clr-black-800);
    }
    
    c-wiz.zQTmif.SSPGKf.RvYhPd.BIdYQ.aL9XFd,
    header,
    .gb_Dc {
      background: var(--clr-black-800) !important;
      color: var(--clr-text-fade);
    }
    
    .gb_Td {
      border-bottom: 1px solid rgba(var(--clr-border-rgb), 0.2);
    }
    
    nav.U0xwnf .Rj2Mlf:not(:disabled) {
      border-color: var(--clr-border);
    }
    
    .RvYhPd::before {
      background: var(--clr-black-900);
      border-bottom-color: rgba(var(--clr-border-rgb), 0.3);
    }
    
    .OlSOob * {
      color: var(--clr-text-fade);
    }
    .OlSOob .ccvoYb {
      background: var(--clr-black-800);
    }
    .OlSOob .X4DQ0::after {
      background: linear-gradient(to right, rgba(var(--clr-black-900-rgb), 0), rgba(var(--clr-black-900-rgb), 1));
    }
    .OlSOob .OlSOob .P6w8m:not(.Jj6Lae) {
      background: var(--clr-primary) !important;
    }
    .OlSOob .J0lOec * {
      color: var(--clr-text);
    }
    .OlSOob .JLqJ4b.C1N51c,
    .OlSOob .JLqJ4b:hover,
    .OlSOob .Xcmxjb.FwR7Pc {
      background: var(--clr-text-hover-bg);
      border-radius: 3px;
      margin: 0 -3px;
      padding: 0 3px;
    }
    .OlSOob .aCQag {
      border-bottom-color: var(--clr-border);
    }
    .OlSOob .VfPpkd-AznF2e-OWXEXe-jJNx8e-QBLLGd:hover {
      background: var(--clr-black-700);
    }
    .OlSOob .VfPpkd-AznF2e-OWXEXe-jJNx8e-QBLLGd:hover .VfPpkd-jY41G-V67aGc {
      color: var(--clr-text-fade);
    }
    .OlSOob .yUUmWd.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-jY41G-V67aGc {
      color: var(--clr-primary);
    }
    .OlSOob .DNFg3e {
      background: var(--clr-black-700);
    }
    .OlSOob .DNFg3e .oJweqc {
      border-color: var(--clr-border);
    }
    .OlSOob .DNFg3e .oJweqc.KKjvXb {
      background: var(--clr-black-900);
    }
    .OlSOob .DNFg3e .oJweqc:not(.KKjvXb):hover {
      background: var(--clr-black-800);
    }
    .OlSOob textarea {
      color: var(--clr-text);
    }
    .OlSOob c-wiz.bvzp8c {
      background: var(--clr-black-800);
    }
    .OlSOob c-wiz.bvzp8c .RstnCb.sG5QRb,
    .OlSOob c-wiz.bvzp8c .KskmCc,
    .OlSOob c-wiz.bvzp8c .RstnCb.nsAj8c {
      background: var(--clr-black-800);
    }
    .OlSOob c-wiz.bvzp8c .ordo2.KKjvXb, .OlSOob c-wiz.bvzp8c .ordo2:hover {
      background: var(--clr-black-700);
    }
    .OlSOob .dePhmb textarea.KHxj8b.tL9Q4c {
      color: var(--clr-text);
    }
    .OlSOob .dePhmb .jCVEDd {
      background: rgba(var(--clr-black-rgb), 0.3);
    }
    .OlSOob .dePhmb .LjDxcd .vvvv, .OlSOob .dePhmb .LjDxcd .VfPpkd-vQzf8d {
      color: var(--clr-primary);
    }
    .OlSOob .dePhmb .LjDxcd:disabled .VfPpkd-vQzf8d {
      color: rgba(var(--clr-black-700-rgb), 0.38);
    }
    .OlSOob .HVGOKe .G2nOM {
      color: var(--clr-text);
    }
    .OlSOob .eyKpYb:not(:last-of-type)::after {
      border-color: var(--clr-border);
    }
    
    @media screen and (min-width: 720px) {
      .OlSOob .P6w8m:not(.Jj6Lae) {
        background: var(--clr-black-900) !important;
      }
    }
    @media screen and (max-width: 719px) {
      .OlSOob .dePhmb .LjDxcd .vvvv, .OlSOob .dePhmb .LjDxcd .VfPpkd-vQzf8d {
        color: var(--clr-text);
      }
    }
    .MmZJl {
      background: var(--clr-black-800);
    }
    .MmZJl .Xc9mqd {
      border-color: var(--clr-border);
    }
    .MmZJl * {
      color: var(--clr-text-fade);
    }
    
    .BAZ5oe {
      background: var(--clr-black-800) !important;
    }
    .BAZ5oe .fcuAz {
      color: var(--clr-text);
    }
    .BAZ5oe .brilXb {
      color: var(--clr-text-fade);
    }
    
    .I87fLc.XzOhkf {
      border-color: var(--clr-border);
      background: var(--clr-black-800);
    }
    .I87fLc.XzOhkf .eIKIse {
      color: var(--clr-primary);
    }
    .I87fLc.XzOhkf .kgnlhe.FwR7Pc,
    .I87fLc.XzOhkf .MtFg0.FwR7Pc {
      color: var(--clr-text);
      background: var(--clr-black-700);
    }
    .I87fLc.XzOhkf .PG9puc {
      padding: 2px 6px;
      background: var(--clr-black-700);
    }
    
    .jTj8gd.XzOhkf {
      border-color: var(--clr-border);
    }
    .jTj8gd.XzOhkf .SMqeCb, .jTj8gd.XzOhkf .a2Icud {
      background: var(--clr-black-800) !important;
    }
    .jTj8gd.XzOhkf * {
      border-color: var(--clr-border) !important;
    }
    
    .KjuTac {
      background: var(--clr-black-800);
    }
    .KjuTac .Bcbxbe {
      border-color: var(--clr-border);
    }
    .KjuTac .Bcbxbe.FwR7Pc {
      background: var(--clr-black-700);
    }
    
    nav.VlPnLc .ySES5 {
      background: var(--clr-800);
      border-color: var(--clr-border);
    }
    nav.VlPnLc .ySES5 .TYVfy {
      color: var(--clr-text-fade);
    }
    nav.VlPnLc .TcXXXb {
      color: var(--clr-text-fade);
    }
    nav.VlPnLc .myVd4c .ySES5 {
      background: rgba(var(--clr-primary-rgb), 0.5);
      border-color: rgba(var(--clr-primary-rgb), 0.5);
    }
    nav.VlPnLc .myVd4c .TcXXXb {
      color: var(--clr-primary);
    }
    
    .GKdr2 {
      background: var(--clr-black-800);
    }
    .GKdr2 h1,
    .GKdr2 .v9p7kc,
    .GKdr2 .EYBmYc,
    .GKdr2 .VfPpkd-xl07Ob-XxIAqe ul li,
    .GKdr2 .kgJkHd,
    .GKdr2 .vxsGZ,
    .GKdr2 .HswdMd,
    .GKdr2 .mTQVx,
    .GKdr2 .EXtLjf,
    .GKdr2 .UHM95,
    .GKdr2 .T6JUYe,
    .GKdr2 .VfPpkd-StrnGf-rymPhb-fpDzbe-fmcmS,
    .GKdr2 .VfPpkd-StrnGf-rymPhb-f7MjDc,
    .GKdr2 .aWlm2e,
    .GKdr2 .JVGQzb,
    .GKdr2 .MYwhef,
    .GKdr2 .F3tjNb,
    .GKdr2 .gsSTTd,
    .GKdr2 .umu7kd,
    .GKdr2 .cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd {
      color: var(--clr-text);
    }
    .GKdr2 .VfPpkd-Bz112c-LgbsSe,
    .GKdr2 .uqiNJb,
    .GKdr2 .j27i7,
    .GKdr2 .HYAIUe,
    .GKdr2 .nIvUSc,
    .GKdr2 .eHilac,
    .GKdr2 .pt8wXd,
    .GKdr2 .oWkzh,
    .GKdr2 .zRANPd,
    .GKdr2 .zRANPd:focus,
    .GKdr2 .zRANPd:hover,
    .GKdr2 .LjDxcd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe:not(:disabled),
    .GKdr2 .kwsPce:not(:disabled):not(:disabled),
    .GKdr2 .CJYaL,
    .GKdr2 .qO3kpb,
    .GKdr2 .VfPpkd-StrnGf-rymPhb-L8ivfd-fmcmS .irVajb,
    .GKdr2 .V20pS,
    .GKdr2 .Xxlgbc,
    .GKdr2 .uZVCx,
    .GKdr2 .Z0FhJc:not(:disabled):not(:disabled), .GKdr2 .Z0FhJc:focus:not(:disabled):not(:disabled),
    .GKdr2 .hPhjlc,
    .GKdr2 .ZQPPDf,
    .GKdr2 .OM0oI,
    .GKdr2 .EUSJcc {
      color: var(--clr-text-fade);
    }
    .GKdr2 .kiSRoe {
      background: var(--clr-black-900);
    }
    .GKdr2 .AzKM4,
    .GKdr2 .DLAnyc,
    .GKdr2 .NBY4Kb,
    .GKdr2 .j27i7,
    .GKdr2 .VfPpkd-xl07Ob-XxIAqe,
    .GKdr2 .IQu6Fd,
    .GKdr2 .LpQB8e,
    .GKdr2 .NdeSHd {
      background: var(--clr-black-800);
    }
    .GKdr2 .VfPpkd-xl07Ob-XxIAqe li:hover,
    .GKdr2 .kwsPce:not(:disabled):not(:disabled):hover,
    .GKdr2 .VfPpkd-WsjYwc,
    .GKdr2 .Q2P1Eb:hover,
    .GKdr2 .kwsPce:focus:not(:disabled),
    .GKdr2 .Z0FhJc:hover:not(:disabled), .GKdr2 .Z0FhJc:focus:not(:disabled),
    .GKdr2 .dwsGO {
      background: var(--clr-black-700);
    }
    .GKdr2 .DLAnyc,
    .GKdr2 .AzKM4,
    .GKdr2 .NBY4Kb,
    .GKdr2 .j27i7,
    .GKdr2 .B3AePc,
    .GKdr2 .v2OCrb,
    .GKdr2 .v2OCrb.Fc1vAd,
    .GKdr2 .IQu6Fd,
    .GKdr2 .tvua2,
    .GKdr2 .VfPpkd-Jh9lGc,
    .GKdr2 .B7iGUd,
    .GKdr2 .VfPpkd-WsjYwc,
    .GKdr2 .LpQB8e,
    .GKdr2 .VfPpkd-StrnGf-rymPhb-clz4Ic,
    .GKdr2 .LMocwf,
    .GKdr2 .W8JDZc,
    .GKdr2 .A1HM7c {
      border-color: var(--clr-border);
    }
    .GKdr2 .v2OCrb.Fc1vAd,
    .GKdr2 .v2OCrb.Fc1vAd:hover,
    .GKdr2 .L7ucBe:hover:not(:disabled), .GKdr2 .L7ucBe:focus:not(:disabled) {
      background: rgba(var(--clr-primary-rgb), 0.2);
    }
    .GKdr2 .L7ucBe:hover:not(:disabled) .VfPpkd-Jh9lGc,
    .GKdr2 .L7ucBe:focus:not(:disabled) .VfPpkd-Jh9lGc {
      border-color: var(--clr-primary);
    }
    .GKdr2 .v9p7kc {
      color: var(--clr-primary);
    }
    .GKdr2 .NdeSHd {
      box-shadow: 0 -1px 3px rgba(var(--clr-black-900-rgb), 0.8);
    }
    .GKdr2 .OONSBe:hover:not(:disabled),
    .GKdr2 .OONSBe:focus:not(:disabled),
    .GKdr2 .A7BoT:hover:not(:disabled),
    .GKdr2 .A7BoT:focus:not(:disabled) {
      background-color: rgba(var(--clr-error-rgb), 0.5);
    }
    .GKdr2 .V1QTub:hover:not(:disabled),
    .GKdr2 .V1QTub:focus:not(:disabled),
    .GKdr2 .C4h6id:hover:not(:disabled),
    .GKdr2 .C4h6id:focus:not(:disabled) {
      background-color: rgba(var(--clr-success-rgb), 0.1);
    }
    .GKdr2 .cfWmIb input.VfPpkd-fmcmS-wGMbrd {
      color: var(--clr-text);
    }
    .GKdr2 .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NSFCdd-Brv4Fb, .GKdr2 .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NSFCdd-Ra9xwd, .GKdr2 .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NSFCdd-MpmGFe {
      border-color: var(--clr-primary);
    }
    .GKdr2 .cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc {
      color: var(--clr-text-fade);
    }
    .GKdr2 .cfWmIb:hover:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc {
      color: var(--clr-text);
    }
    .GKdr2 .cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-Brv4Fb, .GKdr2 .cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-Ra9xwd, .GKdr2 .cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me):not(.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe):hover .VfPpkd-NSFCdd-i5vt6e .VfPpkd-NSFCdd-MpmGFe {
      border-color: var(--clr-text);
    }
    .GKdr2 .cfWmIb.VfPpkd-fmcmS-yrriRe-OWXEXe-XpnDCe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-NLUYnc-V67aGc {
      color: var(--clr-primary);
    }
    
    .cC1eCc .VfPpkd-P5QLlc {
      background: var(--clr-black-800);
    }
    .cC1eCc .VfPpkd-P5QLlc .fp93dc {
      color: var(--clr-text);
    }
    .cC1eCc .VfPpkd-P5QLlc .PWcpvc {
      color: var(--clr-text-fade);
    }
    
    .gb_1a.gb_l {
      background: var(--clr-black-800);
    }
    .gb_1a.gb_l::-webkit-scrollbar-thumb {
      background: var(--clr-black-700);
      background-clip: padding-box;
      border: 4px solid transparent;
      -webkit-border-radius: 8px;
      border-radius: 8px;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .gb_1a.gb_l .gb_jb {
      background: var(--clr-black-900);
    }
    .gb_1a.gb_l .gb_jb .gb_kb:hover, .gb_1a.gb_l .gb_jb .gb_kb:focus, .gb_1a.gb_l .gb_jb .gb_kb:hover:focus {
      background: var(--clr-black-800);
    }
    .gb_1a.gb_l .gb_sb.gb_sb {
      background: var(--clr-black-800);
      border-color: var(--clr-border);
      color: var(--clr-text-fade);
    }
    .gb_1a.gb_l .gb_Jb {
      border-color: rgba(var(--clr-border-rgb), 0.5);
    }
    .gb_1a.gb_l .gb_Mb .gb_1b {
      color: var(--clr-text);
    }
    .gb_1a.gb_l .gb_Mb .gb_3b {
      color: var(--clr-text-fade);
    }
    .gb_1a.gb_l .gb_Mb .gb_Tb.gb_Vb {
      color: var(--clr-text-fade);
      background: var(--clr-black-700);
      border-color: var(--clr-border);
    }
    .gb_1a.gb_l .gb_Mb .gb_Tb.gb_Ub {
      background: var(--clr-primary);
    }
    .gb_1a.gb_l .gb_Mb:hover, .gb_1a.gb_l .gb_Mb:focus, .gb_1a.gb_l .gb_Mb:hover:focus {
      background: var(--clr-black-700);
    }
    .gb_1a.gb_l .gb_wb.gb_Pf {
      color: var(--clr-text-fade);
      background: var(--clr-black-900);
    }
    .gb_1a.gb_l .gb_Qf.gb_Cb {
      color: var(--clr-text-fade);
      border-color: rgba(var(--clr-border-rgb), 0.5);
    }
    .gb_1a.gb_l .gb_Qf.gb_Cb .gb_Db {
      color: var(--clr-text-fade);
      background: var(--clr-black-800);
      border-color: var(--clr-border);
    }
    .gb_1a.gb_l .gb_Qf.gb_Cb .gb_Db:hover {
      background: var(--clr-black-700);
    }
    .gb_1a.gb_l .gb_ub:hover {
      background: var(--clr-black-900);
    }
    
    .gb_Oc {
      display: none;
    }
 
}





@-moz-document url-prefix("https://ogs.google.com") {
    /* Backgrounds */
    .EHzcec,.gb_l.gb_1a.gb_2a, .NQV3m  {
        background: var(--clr-black-800);
        border-color: var(--clr-border);
    }
    .tX9u1b:hover, .NQV3m:hover {
        background: var(--clr-black-700, grey);
    }
     
    .tX9u1b:hover .Rq5Gcb {
        background: transparent;
    }
     /*Colors */
    .Rq5Gcb, .NQV3m {
        color: var(--clr-text);
    }
     
    /* Border colors */
    .dGrefb, .NQV3m, .NQV3m:hover {
        border-color: var(--clr-border);
    }
    .gb_Tb.gb_Vb {
        background-color: var(--clr-black-900);
        border-color: var(--clr-border);
        color: var(--clr-text-fade);
    }
}