Google Translate: Dark Theme

Dark theme for google translate.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

/* ==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)}
}