Greasy Fork is available in English.
Translate Google Dark Theme
/* ==UserStyle==
@name Google Translate Dark
@namespace Factral
@version 1.3.6
@description Translate Google Dark Theme
@author Factral
@homepageURL https://github.com/Factral/GoogleTranslateDarkTheme/
@supportURL https://github.com/Factral/GoogleTranslateDarkTheme/issues/new/choose
@license CC-BY-SA-4.0
==/UserStyle== */
@-moz-document url-prefix("https://translate.google.") {
/* More translations. Adding by Jack */
.s0ijVb, .ydsGXd, .qt6jm { background-color: #161a1d; }
.ydsGXd * { color: white; }
.GAyS9e { all: unset !important; }
.hX7wnb, .Bljmlb, .qt6jm { border-top-color: #131719 !important; }
.U8K5nb { background-color: #363636 !important; color: #e6e6e6; }
.jq25U {color: #bbb9b9;}
/*backgrounds*/
.jTj8gd.XzOhkf .a2Icud,#gb,.gb_qa .gb_Kd.gb_Sd.gb_Td,.RvYhPd.Q5Onnd, .RvYhPd.dtohSe,.RvYhPd::before,body, .frame, .ita-hwt-jfk-standard, .history-top-header .history-top-bar,.history-container .info-bar, .phrasebook-top-header, .phrasebook-container .nav-bar, .gb_fd .gb_F, .gb_3d,.RvYhPd,.MmZJl,.aCQag,.ccvoYb,.WFnNle,.I87fLc.XzOhkf,.ySES5, .myVd4c .ySES5,.yFQBKb,.kXN2zb, .zklE3, .BXabBd, .c5bTNd{
background: #131719 !important;
}
.kiSRoe,.eYhTcb,.LpQB8e,.NdeSHd,.AzKM4,.B3AePc,.rJfKsc,.KskmCc,.EO28P,.KjuTac,.DNFg3e {
background-color: #161a1d !important;
}
.Pt010b .a2Icud,.SMqeCb, .DLAnyc,.gb_rb.gb_rb,.UxtXRb,.ZwgMLb,.k5v5Nb,.rm1UF, .P6w8m:not(.BDJ8fb):not(.Jj6Lae),.ita-kd-dropdown-menu, .vk-box, .vk-btn, .ita-hwt-ime, .ita-hwt-buttons, .ita-hwt-candidates, .gb_Ic,.dykxn.MeCBDd.j33Gae,.oJweqc.KKjvXb,.QcsUad,.NWlwsb,.CLKk4c, .dOQF4b {
background: #1b2022 !important;
}
.NBY4Kb,.j27i7,.tvua2,.uojYg,.RstnCb,.SL5JTc,.fMHXgc, .CMhTbb {
background: #1f2528 !important;
}
.tvua2:hover, .tvua2.BvgNAf {
background-color: #181a1c !important;
}
.sUGHdf {
background:#24292c;
}
.ordo2:hover,.ordo2:focus,.vk-btn.vk-sf-a,.tAzJq:hover,.kgnlhe.FwR7Pc, .MtFg0.FwR7Pc,.qSb8Pe:hover,.jCAhz.C1N51c, .jCAhz:hover,.JLqJ4b.C1N51c, .JLqJ4b:hover, .Xcmxjb.FwR7Pc {
background-color: #353a3d !important;
}
.ordo2.KKjvXb,.WtlSJf.KKjvXb {
background-color: #213342;
}
.JLqJ4b.C1N51c, .JLqJ4b:hover,.Xcmxjb.FwR7Pc {
background-color: #458af9;
}
.QcsUad.BDJ8fb:not(.Jj6Lae),.oJweqc:hover {
background-color: #1f2528 !important;
}
.gb_sa, .tVwEyf:hover:not(:disabled), .tVwEyf:focus:not(:disabled), .gt-cc-t {
background: #1b2022 !important;
}
.vk-btn.vk-sf-h, .vk-btn.vk-sf-s, .ita-hwt-candidate-hover, .ita-hwt-jfk-standard.ita-hwt-jfk-hover,.WtlSJf:hover {
background: #323639;
}
.ita-kd-menuitem-hover {
background: #323639 !important;
}
.X4DQ0::after, .U0xwnf::after {
background:transparent !important;
}
.Bcbxbe.FwR7Pc {
background-color: #1e1e1e;
}
.ls-wrap .sugg-fade {
background: -webkit-linear-gradient(left,rgba(255,255,255,0),#1b2022);
}
.ita-hwt-close {
background-color: #e4dfdd;
}
.vLsFwd{
background: transparent !important;
}
.jCVEDd {
background: #22282b;
}
.bvzp8c{
background-color: #161a1d !important;
}
/*bordes*/
.jTj8gd.XzOhkf,.I87fLc.XzOhkf,.ordo2:focus, .FJCnk{
border: 1px solid dimgray;
}
.LpQB8e, .iWzUVd{
border-bottom: 1px solid #dadce00a;
}
.I87fLc:not(.XzOhkf) .ZShpvc,.I87fLc:not(.XzOhkf) .Dwvecf, .ZShpvc {
border-top: 1px solid dimgray;
}
.jTj8gd.XzOhkf .Sp3AF,.Pt010b .Sp3AF {
border-right: 1px solid dimgray;
}
.iq5YBc {
border-bottom: 1px solid #1b2023;
}
.k5v5Nb {
border-top: 1px solid #1b2023;
}
.Rj2Mlf:not(:disabled),.Rj2Mlf:hover:not(:disabled), .Rj2Mlf:active:not(:disabled) {
border-color: transparent !important;
}
.rm1UF{
border-bottom-left-radius: 8px;
}
.ita-kd-dropdown-menu, .vk-box, .vk-btn, .vk-btn.vk-sf-h, .vk-btn.vk-sf-s, .ita-kd-separator, .ita-hwt-ime-st, .ita-hwt-buttons, .ita-hwt-candidates, .ita-hwt-candidate {
border-color: #131719;
}
#gb {
border-color: #1b2022;
}
.aCQag {
border-bottom: 1px solid #131719;
}
.ccvoYb {
border-top: 1px solid #131719;
}
.ySES5, .myVd4c .ySES5,.vk-btn.vk-sf-a {
border-color: dimgray !important;
}
.v2OCrb,.gb_rb.gb_rb {
border: 1px solid #dadce033;
}
.WFnNle,.zWtKC, .WtlSJf {
border: 1px solid #00000040;
}
.gb_Bb{
border-bottom: 1px solid #212629;
border-top: 1px solid #212629;
}
/*colores de texto*/
.VfPpkd-fmcmS-yrriRe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-TvZj5c-OWXEXe-M1Soyc, .VfPpkd-fmcmS-yrriRe:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-TvZj5c-OWXEXe-UbuQg, .VFkSHe, .IHKo0e {
color: #ffffff8a;
}
.uqiNJb,.AP34ab,.pt8wXd,.zRANPd:not(:disabled),.q6oraf .VfPpkd-rymPhb,.vxsGZ,.HswdMd,.mTQVx,.ZQWYD,.aWlm2e,.irVajb,.cfWmIb:not(.VfPpkd-fmcmS-yrriRe-OWXEXe-OWB6Me) .VfPpkd-fmcmS-wGMbrd,.aia4Ud,.ita-kd-menuitem, .vk-btn,.ita-hwt-candidate,.XMNbjd,.VK4HE:hover .dPxysd, .VK4HE:focus .dPxysd, .qTO0c:hover .dPxysd, .qTO0c:focus .dPxysd,.ordo2,.KskmCc, .AarNVd, .MXuJQd,.er8xn, .KmsAmb .tL9Q4c, .J0lOec,.uNr6ee,.fEU59c,.v2OCrb,.WFnNle,.qSb8Pe,.NqnNQd,.lRu31,.lrSgmd{
color: #ddd !important;
}
.kgJkHd,.Rq5Gcb,.vk-btn.vk-sf-h,.vk-btn.vk-sf-a,.JJYS0b:hover .VfPpkd-jY41G-V67aGc, .JJYS0b:active .VfPpkd-jY41G-V67aGc, .JJYS0b:focus .VfPpkd-jY41G-V67aGc,.S6GkK,.tAzJq:hover,.kgnlhe.FwR7Pc, .MtFg0.FwR7Pc,.G3Fn7c {
color: white !important;
}
.HYAIUe{
color: dimgray;
}
.ordo2.KKjvXb {
color: #185abc;
}
.yUUmWd.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-jY41G-V67aGc {
color: #1a73e8;
}
.TcXXXb, .yUUmWd .VfPpkd-jY41G-V67aGc,.JVGQzb,.VhOj3e, .nL5otb,.jCVEDd,.W5CUef,.LYeNu {
color: #acacac !important;
}
.q7sDqe:not(:disabled) .VfPpkd-kBDsod, .q7sDqe:not(:disabled), .SSgGrd:not(:disabled), .xUPQqb, .RSggmb, .nYkDR, .ZTPlmc {
color: #a6a6a6;
}
.ita-kd-menuitem-hover, .ita-hwt-jfk, .phrasebook-container .language-chip,.gb_rb.gb_rb, .LjDxcd:hover:not(:disabled), .LjDxcd.VfPpkd-ksKsZd-mWPk3d-OWXEXe-AHe6Kc-XpnDCe:not(:disabled), .LjDxcd:not(.VfPpkd-ksKsZd-mWPk3d):focus:not(:disabled), .LjDxcd:active:not(:disabled) {
color: #ddd !important;
}
.notification-container .notification-body, .GR2kEe {
color: #ffffff87;
}
.sl-sugg .goog-inline-block.jfk-button-checked, .tl-sugg .goog-inline-block.jfk-button-checked {
color: #4285f4 !important;
}
.myVd4c .TcXXXb {
color: #1a73e8 !important;
}
.qSb8Pe.KKjvXb{
color: #185abc !important;
}
.yFQBKb{
color: #ddd !important;
}
.Xcmxjb.FwR7Pc{
color: transparent !important;
}
/*variados*/
.NdeSHd{
box-shadow: 0 -1px 3px #262728cf;
}
.ita-hwt-enter-img.ita-hwt-enter-img-dark.ita-kd-img.ita-hwt-enter-img-white{
filter: invert(7%);
}
::-webkit-scrollbar { width: 8px; height: 3px;}
::-webkit-scrollbar-track-piece { background-color: #131719;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-resizer { background-color: #666;}
.swap>.jfk-button-img, .src-tts .jfk-button-img, .speech-button .jfk-button-img, .clear .jfk-button-img, .starbutton .jfk-button-img, .copybutton .jfk-button-img, .ttsbutton-res .jfk-button-img, .vk-t-btn, .gt-clear .jfk-button-img, .language_list_item_wrapper.item-emphasized:not(.item-selected) .language_list_item_icon, .ita-hwt-grip, .ita-kd-img, .history-top-header .close-button, .phrasebook-top-header .close-button, .gt-is-mobile .gt-is-ca, .trans-verified-button, .gt-lc.gt-lc-mobile .gt-def-num, .gt-cc-t .gt-cc-bc .big-clear-button .jfk-button-img, .gt-cc-t .gt-cc-tc .gt-ct-tts.trans-listen-button .jfk-button-img {
filter: invert(1);
}
}
@-moz-document url-prefix("https://translate.google.as") {
.Pt010b .Sp3AF{
border-left: 1px solid dimgray;
border-right: none !important;
}
}
@-moz-document url-prefix("https://translate.google."), url-prefix("https://ogs.google.") {
.gb_qa svg, .gb_Cc svg, .gb_Zc, .gb_Oc .gb_7d,.gb_k .gb_lb {
color:#ddd !important;
}
/* Profile chooser & Headers */
/* Backgrounds */
.gb_l.gb_8a.gb_9a, .gb_l.gb_9a.gb_ab, .gb_Ud, .gb_l.gb_5a,.gb_E,.gb_vb.gb_vb,.gb_Mb.gb_Mb {
background: #131719 !important;
}
.gb_Ub>.gb_Tb, .gb_Rb, .gb_Eb.gb_Eb, .gb_db.gb_eb, .gb_ja, .gb_Ec.gb_oa, .gb_Mc, .gb_Qc, .gb_5e, .gb_wb.gb_wb, .gb_Ib.gb_Ib, .gb_Jb.gb_Jb .gb_Ub>.gb_Tb:hover, .gb_l .gb_jb, .gb_kb:hover, .gb_kb:focus, .gb_kb:hover:focus,.gb_Cb.gb_Cb, .gb_Db.gb_Db {
background: #161a1d;
}
.gb_Vb>.gb_Ub:hover,.gb_ub:hover, .gb_Eb.gb_Eb:hover, .gb_ja:hover, .gb_5e.gb_6e, .gb_wb.gb_wb:hover, .gb_Ib.gb_Ib:hover, .gb_Jb.gb_Jb:hover, .gb_Rb>.gb_Qb:hover, .gb_Qb:hover,.gb_Nb>.gb_Mb:focus,.gb_Nb>.gb_Mb:hover:focus,.gb_Nb>.gb_Mb:hover, .gb_Db.gb_Db:hover,.gb_ub:focus, .gb_ub:hover:focus, .gb_Sb.gb_Vb:hover, .gb_Sb.gb_Vb:focus, .gb_Sb.gb_Vb:hover:focus,.gb_Mb>.gb_Lb:hover{
background: #323639 !important;
}
/* Colors */
.gb_l .gb_tb, .gb_8b, .gb_sa svg, .gb_Ic svg, .gb_9c .gb_ne, .gb_Tc .gb_ne, .gb_Cb:hover,.gb_l .gb_ub, .gb_Ab.gb_Ab, .gb_9b, .gb_sb>svg.gb_tb, .gb_Fb>svg.gb_Hb, .gb_Ib>svg.gb_Jb, .gb_Mb.gb_Mb, .gb_db.gb_eb, .gb_ta svg, .gb_Ec svg, .gb_1c .gb_ge, .gb_Qc .gb_ge, .gb_l .gb_qb, .gb_wb.gb_wb, .gb_Ib.gb_Ib, .gb_ob>svg.gb_pb, .gb_Bb>svg.gb_Cb, .gb_Db>svg.gb_Eb {
color: #ddd;
}
.gb_zb.gb_zb, .gb_Db.gb_Db, .gb_Lb.gb_Lb, .gb_5e, .gb_5e.gb_6e .gb_pf, .gb_pf,.gb_0b {
color: white !important;
}
.gb_cc, .gb_ac, .gb_Cb.gb_Cb, .gb_dc, .gb_bc, .gb_pf.gb_pf, .gb_l .gb_sb, .gb_7b {
color: #ffffff87;
}
.gb_pf::placeholder {
color: #ffffff87 !important;
}
/* Border colors */
.Pt010b,.gb_zb.gb_zb, .gb_Qb, .gb_Kb, .gb_Lb.gb_Lb, .gb_Ab.gb_Ab, .gb_Rb, .gb_Mb.gb_Mb, .gb_ja, .gb_wb.gb_wb, .gb_Hb, .gb_Ib.gb_Ib, .gb_Jb.gb_Jb,.gb_Cb.gb_Cb, .gb_Db.gb_Db {
border-color: #1b2022;
}
/*
.gb_Ab.gb_Ab:hover, .gb_Mb.gb_Mb:hover, .gb_ja:hover, .gb_wb.gb_wb:hover, .gb_Ib.gb_Ib:hover, .gb_Jb.gb_Jb:hover {
border-color: #323639;
}*/
/* Other */
.gb_xb::after {
white-space: pre-line;
color: white;
}
/*lo que he agregado peepega*/
.gb_l .gb_mb,.gb_1b {
color:#ddd;
}
.gb_sb.gb_sb, .gb_Db.gb_Db, .gb_Eb.gb_Eb {
background-color: #1b2023;
border: 1px solid #dddddd08;
}
.gb_sb:hover,.gb_sb:focus, .gb_sb:hover:focus,.gb_Mb>.gb_Lb:active, .gb_Mb>.gb_Lb:focus:active {
background-color: #353a3d;
}
.ita-kd-menuitem.ita-kd-menuitem-hover {
background: #323639 !important;
color: #ddd !important;
}
.gb_Cb {
border-bottom: 1px solid #dddddd12;
border-top: 1px solid #dddddd12;
}
.gb_tb {
margin: 9px 33px;
}
.gb_5b {
color: #acacac;
}
/* App launcher */
/* Backgrounds */
.EHzcec,.gb_l.gb_1a.gb_2a {
background: #131719;
border: 1px solid #dddddd12;
}
.tX9u1b:hover, .NQV3m {
background: #1b2022;
}
.tX9u1b:hover .Rq5Gcb {
background: transparent;
}
.NQV3m:hover {
background: #323739;
}
/* Colors */
.Rq5Gcb, .NQV3m {
color: white;
}
/* Border colors */
.dGrefb, .NQV3m {
border-color: #1b2022;
}
.NQV3m:hover {
border-color: #323639;
}
.gb_Tb.gb_Vb {
background-color: #1b2023;
border: 1px solid #dadce017;
color: #ddd;
}
/*ype */
.gb_Cc {
background-color: #131719;
}
.gb_qa a, .gb_Cc a {
color: #ddd !important;
}
}
@-moz-document url-prefix("https://translate.googleusercontent.") {
/* traduccion de documentos*/
body, td {
color: white;
background: #131719;
}
::-webkit-scrollbar { width: 8px; height: 3px;}
::-webkit-scrollbar-track-piece { background-color: #131719;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
::-webkit-resizer { background-color: #666;}
.spinner-container, .spinner-container p {
background:#282d30;
color:white;
}
}