☰

Google Translate Dark

Translate Google Dark Theme

目前为 2022-10-15 提交的版本。查看 最新版本。

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

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

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

加入Q群

QingJ © 2025

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