☰

Google Translate Dark

Translate Google Dark Theme

  1. /* ==UserStyle==
  2. @name         Google Translate Dark
  3. @namespace    Factral
  4. @version      1.3.5
  5. @description  Translate Google Dark Theme
  6. @author       Factral
  7. @homepageURL  https://github.com/Factral/GoogleTranslateDarkTheme/
  8. @supportURL   https://github.com/Factral/GoogleTranslateDarkTheme/issues/new/choose
  9. @license      CC-BY-SA-4.0
  10. ==/UserStyle== */
  11.  
  12. @-moz-document url-prefix("https://translate.google.") {
  13.     /* More translations. Adding by Jack */
  14.     .s0ijVb, .ydsGXd, .qt6jm { background-color: #161a1d; }
  15.     .ydsGXd * { color: white; }
  16.     .GAyS9e { all: unset !important; }
  17.     .hX7wnb, .Bljmlb, .qt6jm { border-top-color: #131719 !important; }
  18.     .U8K5nb { background-color: #bdbdbd !important; }
  19.  
  20.     /*backgrounds*/
  21.     .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{
  22.         background: #131719 !important;
  23.     }
  24.     .kiSRoe,.eYhTcb,.LpQB8e,.NdeSHd,.AzKM4,.B3AePc,.rJfKsc,.KskmCc,.EO28P,.KjuTac,.DNFg3e {
  25.         background-color: #161a1d !important;
  26.     }
  27.     .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 {
  28.         background: #1b2022 !important;
  29.     }
  30.     .NBY4Kb,.j27i7,.tvua2,.uojYg,.RstnCb,.SL5JTc,.fMHXgc,  .CMhTbb {
  31.         background: #1f2528 !important;
  32.     }
  33.     .tvua2:hover, .tvua2.BvgNAf {
  34.         background-color: #181a1c !important;
  35.     }
  36.         
  37.     .sUGHdf {
  38.         background:#24292c;
  39.     }
  40.     .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 {
  41.         background-color: #353a3d !important;
  42.     }
  43.     .ordo2.KKjvXb,.WtlSJf.KKjvXb {
  44.         background-color: #213342;
  45.     }
  46.     .JLqJ4b.C1N51c, .JLqJ4b:hover,.Xcmxjb.FwR7Pc {
  47.         background-color: #458af9;
  48.     }
  49.     .QcsUad.BDJ8fb:not(.Jj6Lae),.oJweqc:hover {
  50.         background-color: #1f2528 !important;
  51.     }
  52.     .gb_sa, .tVwEyf:hover:not(:disabled), .tVwEyf:focus:not(:disabled), .gt-cc-t {
  53.         background: #1b2022 !important;
  54.     }
  55.     .vk-btn.vk-sf-h, .vk-btn.vk-sf-s, .ita-hwt-candidate-hover, .ita-hwt-jfk-standard.ita-hwt-jfk-hover,.WtlSJf:hover {
  56.         background: #323639;
  57.     }
  58.     .ita-kd-menuitem-hover {
  59.         background: #323639 !important;
  60.     }
  61.     .X4DQ0::after, .U0xwnf::after {
  62.         background:transparent !important;
  63.     }
  64.     
  65.     .Bcbxbe.FwR7Pc {
  66.         background-color: #1e1e1e;
  67.     }
  68.     .ls-wrap .sugg-fade {
  69.         background: -webkit-linear-gradient(left,rgba(255,255,255,0),#1b2022);
  70.     }
  71.     .ita-hwt-close {
  72.         background-color: #e4dfdd;
  73.     }
  74.     .vLsFwd{
  75.         background: transparent !important;
  76.     }
  77.     .jCVEDd {
  78.         background: #22282b;
  79.     }
  80.         .bvzp8c{
  81.             background-color: #161a1d !important;
  82.         }
  83.     
  84.     
  85.     
  86.     
  87.     
  88.     /*bordes*/
  89.     .jTj8gd.XzOhkf,.I87fLc.XzOhkf,.ordo2:focus, .FJCnk{
  90.         border: 1px solid dimgray;
  91.     }
  92.     .LpQB8e, .iWzUVd{
  93.         border-bottom: 1px solid #dadce00a;
  94.     }
  95.     .I87fLc:not(.XzOhkf) .ZShpvc,.I87fLc:not(.XzOhkf) .Dwvecf, .ZShpvc {
  96.         border-top: 1px solid dimgray;
  97.     }
  98.     .jTj8gd.XzOhkf .Sp3AF,.Pt010b .Sp3AF {
  99.         border-right: 1px solid dimgray;
  100.     }
  101.  
  102.     .iq5YBc {
  103.         border-bottom: 1px solid #1b2023;
  104.     }
  105.     
  106.     .k5v5Nb {
  107.         border-top: 1px solid #1b2023;
  108.     }
  109.     .Rj2Mlf:not(:disabled),.Rj2Mlf:hover:not(:disabled), .Rj2Mlf:active:not(:disabled)  {
  110.        border-color: transparent !important;
  111.     }
  112.     .rm1UF{
  113.      border-bottom-left-radius: 8px;
  114.     }
  115.     .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 {
  116.         border-color: #131719;
  117.     }
  118.     #gb {
  119.         border-color: #1b2022;
  120.     }
  121.     .aCQag {
  122.         border-bottom: 1px solid #131719;
  123.     }
  124.     .ccvoYb {
  125.         border-top: 1px solid #131719;
  126.     }
  127.     .ySES5, .myVd4c .ySES5,.vk-btn.vk-sf-a {
  128.         border-color: dimgray !important;
  129.     }
  130.     .v2OCrb,.gb_rb.gb_rb {
  131.         border: 1px solid #dadce033;
  132.     }
  133.  
  134.     .WFnNle,.zWtKC, .WtlSJf {
  135.         border: 1px solid #00000040;
  136.     }
  137.     .gb_Bb{
  138.         border-bottom: 1px solid #212629;
  139.         border-top: 1px solid #212629;
  140.     }
  141.  
  142.     
  143.     
  144.     /*colores de texto*/
  145.     .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 {
  146.         color: #ffffff8a;
  147.     }
  148.     .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{
  149.         color: #ddd !important;
  150.     }
  151.     .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  {
  152.         color: white !important;
  153.     }
  154.     .HYAIUe{
  155.         color: dimgray;
  156.     }
  157.     .ordo2.KKjvXb {
  158.         color: #185abc;
  159.     }
  160.     .yUUmWd.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-jY41G-V67aGc {
  161.         color: #1a73e8;
  162.     }
  163.     .TcXXXb, .yUUmWd .VfPpkd-jY41G-V67aGc,.JVGQzb,.VhOj3e, .nL5otb,.jCVEDd,.W5CUef,.LYeNu {
  164.         color: #acacac !important;
  165.     }
  166.     .q7sDqe:not(:disabled) .VfPpkd-kBDsod, .q7sDqe:not(:disabled), .SSgGrd:not(:disabled), .xUPQqb, .RSggmb, .nYkDR, .ZTPlmc  {
  167.         color: #a6a6a6;
  168.     }
  169.     .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)  {
  170.         color: #ddd !important;
  171.     }
  172.     .notification-container .notification-body, .GR2kEe {
  173.         color: #ffffff87;
  174.     }
  175.     .sl-sugg .goog-inline-block.jfk-button-checked, .tl-sugg .goog-inline-block.jfk-button-checked {
  176.         color: #4285f4 !important;
  177.     }
  178.     .myVd4c .TcXXXb {
  179.         color: #1a73e8 !important;
  180.     }
  181.     .qSb8Pe.KKjvXb{
  182.         color: #185abc !important;
  183.     }
  184.     .yFQBKb{
  185.         color: #ddd !important;
  186.     }
  187.     .Xcmxjb.FwR7Pc{
  188.         color: transparent !important;
  189.     }
  190.     
  191.     
  192.     
  193.     /*variados*/
  194.     .NdeSHd{
  195.         box-shadow: 0 -1px 3px #262728cf;
  196.     }
  197.     .ita-hwt-enter-img.ita-hwt-enter-img-dark.ita-kd-img.ita-hwt-enter-img-white{
  198.         filter: invert(7%);
  199.     }
  200.     ::-webkit-scrollbar { width: 8px; height: 3px;}
  201.     ::-webkit-scrollbar-track-piece { background-color: #131719;}
  202.     ::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
  203.     ::-webkit-resizer { background-color: #666;}
  204.     
  205.     .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 {
  206.         filter: invert(1);
  207.     }
  208.     }
  209.  
  210.     @-moz-document url-prefix("https://translate.google.as") {
  211.         .Pt010b .Sp3AF{
  212.             border-left: 1px solid dimgray;
  213.             border-right: none !important;
  214.         }
  215.     }
  216.     
  217.     @-moz-document url-prefix("https://translate.google."), url-prefix("https://ogs.google.") {
  218.     .gb_qa svg, .gb_Cc svg, .gb_Zc, .gb_Oc .gb_7d,.gb_k .gb_lb {
  219.         color:#ddd !important;
  220.     }
  221.     
  222.     /* Profile chooser & Headers */
  223.     /* Backgrounds */
  224.     .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 {
  225.         background: #131719 !important;
  226.     }
  227.     .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  {
  228.         background: #161a1d;
  229.     }
  230.     
  231.     
  232.     .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{
  233.         background: #323639 !important;
  234.     }
  235.     
  236.     
  237.     /* Colors */
  238.     .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 {
  239.         color: #ddd;
  240.     }
  241.     .gb_zb.gb_zb, .gb_Db.gb_Db, .gb_Lb.gb_Lb, .gb_5e, .gb_5e.gb_6e .gb_pf, .gb_pf,.gb_0b {
  242.         color: white !important;
  243.     }
  244.     .gb_cc, .gb_ac, .gb_Cb.gb_Cb, .gb_dc, .gb_bc, .gb_pf.gb_pf, .gb_l .gb_sb, .gb_7b {
  245.         color: #ffffff87;
  246.     }
  247.     .gb_pf::placeholder {
  248.         color: #ffffff87 !important;
  249.     }
  250.     
  251.     /* Border colors */
  252.     .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  {
  253.         border-color: #1b2022;
  254.     }
  255.     /*
  256.     .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 {
  257.         border-color: #323639;
  258.     }*/
  259.     
  260.     /* Other */
  261.     .gb_xb::after {
  262.         white-space: pre-line;
  263.         color: white;
  264.     }
  265.     
  266.     /*lo que he agregado peepega*/
  267.     
  268.     .gb_l .gb_mb,.gb_1b  {
  269.         color:#ddd;
  270.     }
  271.     
  272.     .gb_sb.gb_sb, .gb_Db.gb_Db, .gb_Eb.gb_Eb  {
  273.         background-color: #1b2023;
  274.         border: 1px solid #dddddd08;
  275.     }
  276.     
  277.     .gb_sb:hover,.gb_sb:focus, .gb_sb:hover:focus,.gb_Mb>.gb_Lb:active, .gb_Mb>.gb_Lb:focus:active  {
  278.         background-color: #353a3d;
  279.     }
  280.     
  281.     .ita-kd-menuitem.ita-kd-menuitem-hover {
  282.         background: #323639 !important;
  283.         color: #ddd !important;
  284.     }
  285.     
  286.     .gb_Cb {
  287.         border-bottom: 1px solid #dddddd12;
  288.         border-top: 1px solid #dddddd12;
  289.     }
  290.     
  291.     .gb_tb {
  292.             margin: 9px 33px;
  293.     }
  294.     
  295.     .gb_5b {
  296.         color: #acacac;
  297.     }
  298.     
  299.     
  300.     /* App launcher */
  301.     /* Backgrounds */
  302.     .EHzcec,.gb_l.gb_1a.gb_2a  {
  303.         background: #131719;
  304.         border: 1px solid #dddddd12;
  305.     }
  306.     .tX9u1b:hover, .NQV3m {
  307.         background: #1b2022;
  308.     }
  309.     
  310.     .tX9u1b:hover .Rq5Gcb {
  311.         background: transparent;
  312.     }
  313.     .NQV3m:hover {
  314.         background: #323739;
  315.     }
  316.     /* Colors */
  317.     .Rq5Gcb, .NQV3m {
  318.         color: white;
  319.     }
  320.     
  321.     /* Border colors */
  322.     .dGrefb, .NQV3m {
  323.         border-color: #1b2022;
  324.     }
  325.     .NQV3m:hover {
  326.         border-color: #323639;
  327.     }
  328.     
  329.     
  330.     .gb_Tb.gb_Vb {
  331.         background-color: #1b2023;
  332.         border: 1px solid #dadce017;
  333.         color: #ddd;
  334.     }
  335.     
  336.     
  337.     /*ype */
  338.     
  339.     .gb_Cc {
  340.         background-color: #131719;
  341.     }
  342.     .gb_qa a, .gb_Cc a {
  343.         color: #ddd !important;
  344.     }
  345.     }
  346.     
  347.     @-moz-document url-prefix("https://translate.googleusercontent.") {
  348.     /* traduccion de documentos*/
  349.     
  350.     
  351.     body, td {
  352.         color: white;
  353.         background: #131719;
  354.     }
  355.     
  356.     ::-webkit-scrollbar { width: 8px; height: 3px;}
  357.     ::-webkit-scrollbar-track-piece { background-color: #131719;}
  358.     ::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
  359.     ::-webkit-resizer { background-color: #666;}
  360.     
  361.     .spinner-container, .spinner-container p  {
  362.         background:#282d30;
  363.         color:white;
  364.     }
  365.     }
  366.

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址