Google Translate: Dark Theme

Dark theme for google translate.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

/* ==UserStyle==
@name Google Translate: Dark Theme
@version 1.1.2
@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-star: #fbbc04;--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)}::-webkit-scrollbar{width:10px;height:3px}::-webkit-scrollbar-track-piece{background-color:var(--clr-black-800)}::-webkit-scrollbar-thumb{height:50px;background-color:var(--clr-black-700);border-radius:2px}::-webkit-resizer{background-color:var(--clr-border)}.gb_qa svg,.gb_Cc svg,.gb_Zc,.gb_Oc .gb_7d{color:var(--clr-text-fade)}.gb_Td{border-bottom:1px solid rgba(var(--clr-border-rgb), 0.2)}.gb_qa,.gb_Bc,.gb_Xc .gb_6d,.gb_Nc .gb_6d{color:var(--clr-text-fade)}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)}.GR2kEe{color:var(--clr-text)}.OlSOob *{color:var(--clr-text-fade)}.OlSOob .Ydl7dd:not(:disabled) *{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 .VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-Jh9lGc::before,.OlSOob .VfPpkd-Bz112c-LgbsSe .VfPpkd-Bz112c-Jh9lGc::after{background:var(--clr-text-fade)}.OlSOob .a8FIud.X0rvP .X86VN[aria-pressed=true] .VfPpkd-Bz112c-kBDsod{color:var(--clr-star)}.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 .VfPpkd-jY41G-V67aGc{color:var(--clr-text-fade)}.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)}.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 .ita-kd-img{filter:invert(1) hue-rotate(180deg)}.OlSOob .q7sDqe:not(:disabled) .VfPpkd-kBDsod,.OlSOob .q7sDqe:not(:disabled){color:var(--clr-text-fade)}.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)}.bvzp8c{background:var(--clr-black-800)}.bvzp8c *{color:var(--clr-text-fade)}.bvzp8c .RstnCb.sG5QRb,.bvzp8c .KskmCc,.bvzp8c .RstnCb.nsAj8c{background:var(--clr-black-800)}.bvzp8c .ordo2:hover:not(.KKjvXb){background:var(--clr-black-700)}.bvzp8c .ordo2.KKjvXb{background-color:var(--clr-primary)}.k5v5Nb{background:var(--clr-black-800)}.k5v5Nb .X4DQ0::after{background:linear-gradient(to right, rgba(var(--clr-black-900-rgb), 0), rgba(var(--clr-black-900-rgb), 1))}.k5v5Nb .PRdtG .VfPpkd-AznF2e-wEcVzc-OWXEXe-NowJzb{border-color:var(--clr-primary)}.k5v5Nb .yUUmWd:hover:not(.VfPpkd-AznF2e-OWXEXe-auswjd) .VfPpkd-jY41G-V67aGc{color:var(--clr-text)}.k5v5Nb .yUUmWd .VfPpkd-jY41G-V67aGc{color:var(--clr-text-fade)}.k5v5Nb .yUUmWd.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-jY41G-V67aGc{color:var(--clr-primary)}.k5v5Nb .q7sDqe:not(:disabled) .VfPpkd-kBDsod,.k5v5Nb .q7sDqe:not(:disabled){color:var(--clr-text-fade)}.k5v5Nb .iq5YBc{border-color:var(--clr-border)}.k5v5Nb .JqKQbd .TEGJAb{color:var(--clr-text-fade)}.k5v5Nb .JqKQbd .AarNVd{color:var(--clr-text)}.k5v5Nb .y9jKHb{background:var(--clr-primary);color:var(--clr-text)}.k5v5Nb .sUGHdf{background:var(--clr-black-700)}.k5v5Nb .sUGHdf .MXuJQd{color:var(--clr-text)}.k5v5Nb .sUGHdf .d3Mtee,.k5v5Nb .sUGHdf .QLCFQ,.k5v5Nb .sUGHdf .VfPpkd-kBDsod{color:var(--clr-text-fade)}.k5v5Nb .nCP5yc:not(:disabled){background:var(--clr-primary);color:var(--clr-text)}.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 .kgnlhe{color:var(--clr-text)}.I87fLc.XzOhkf .PG9puc{padding:2px 6px;background:var(--clr-black-700)}.I87fLc.XzOhkf .ZShpvc{border-color:var(--clr-border)}.I87fLc.XzOhkf .jodjCb{border-color:var(--clr-border);color:var(--clr-primary)}.I87fLc.XzOhkf .PsfnLc{border-color:var(--clr-border)}.I87fLc.XzOhkf .fw3eif{color:var(--clr-text)}.I87fLc.XzOhkf .S6GkK{color:var(--clr-text)}.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 img:is(.dyUAee, .sTTblf),.GKdr2 .KpIhE,.GKdr2 .kDdZcf{filter:invert(0.93) hue-rotate(180deg)}.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)}.scSurveySurveymanagerroot{background:var(--clr-black-800)}.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)}
}


@-moz-document url-prefix("https://ogs.google.com") {
    .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}.Rq5Gcb,.NQV3m{color:var(--clr-text)}.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)}
}