Google translate | Dark Mode by Krysl

/* ==UserStyle==
@name         Google translate | Dark Mode
@version      20240731.09.21
@namespace    https://userstyles.world/user/Krysl
@description  Dark Mode for Google translate
@author       Krysl
@license      No License
==/UserStyle== */

@-moz-document domain("translate.google.com") {
/* 顶栏 */
.gb_Qa .gb_rd.gb_wd.gb_xd {
    background-color: #414244;
}
.pGxpHc header {
    border-bottom: 1px solid #282828;
    box-shadow: 0 0 2px 1px #282828 !important;
    background-color: #383838 !important;
}
.gb_Qa svg,
.gb_ha svg,
.gb_Mc svg,
.gb_8c .gb_gd,
.gb_Xc .gb_gd,
.gb_gd .gb_od {
    color: #aaa;
}
/* 大片背景 */
.kXN2zb.Q5Onnd,
.kXN2zb.dtohSe,
.kXN2zb {
    background-color: #333;
}
.U0xwnf::after {
    display: none;
}
.Rj2Mlf:not(:disabled) {
    border-style: solid;
    border-color: #fff0;
}
.Rj2Mlf:not(:disabled) {
    background-color: #38393d;
}
/* c-wiz {
    color: #ccc;
    background-color: #333;
} */
/* 翻译功能区，整体背景 */
.ccvoYb {
    background-color: #333;
}


/* 右侧翻译区域 */
.QcsUad {
    background-color: #333;
}
.QcsUad.BDJ8fb {
    background-color: #333;
}
.hX7wnb {
    background-color: #3d3c3c;
    border-top: 2px solid;
}
.qt6jm {
    border-top: 2px solid;
    justify-content: flex-end;
    padding: 0 16px;
}
.ydsGXd,
.jq25U,
.VfPpkd-LgbsSe .VfPpkd-vQzf8d {
    color: #aaa;
}
.GAyS9e {
    background: linear-gradient(to right, transparent, #444);
}
.HHrMdc {
    background-color: #444;
    margin: 3px 3px 3px 0;
}
/* 右侧词典 */
.VfPpkd-xl07Ob-XxIAqe {
    color: #ccc;
    background-color: #444;
    border: 1px solid #888;
}
.SMqeCb {
    background-color: #444;
}
.kmXzdf,
.eSogib {
    color: #ccc;
    background-color: #333;
}
.yP8PRe,
.aia4Ud,
.S6GkK {
    color: #ddd;
}
.gHl6Mc,
.PsfnLc,
.nYkDR,
.MtFg0,
.MZgjEb {
    color: #aaa;
}
.kmXzdf,
.eSogib {
    box-shadow: -1px 0 #888;
}
.U8K5nb {
    background-color: #888;
}
.U8K5nb:hover {
    background-color: #ccc;
}
.FpAlrf:hover {
    background-color: unset;
}
/* 翻译区域 > 文字 */
.er8xn,
.ryNqvb {
    color: #ccc;
}
.ySES5 {
    background-color: #3f3f42;
}
.TYVfy,
.TcXXXb {
    color: #aaa;
}
/* 翻译区域，句子选择 */
.NWlwsb {
    color: #aaa;
    background-color: #222;
    border: 1px solid #888c;
    border-radius: 8px;
    box-shadow: 1px 2px 8px 4px #282828 !important;
}
.WtlSJf.KKjvXb {
    color: #aaa;
    background-color: #343434;
}
.WtlSJf:hover,
.Xcmxjb.FwR7Pc,
.jCAhz.C1N51c,
.jCAhz:hover {
    background-color: #666;
}
.lrSgmd {
    color: #aaa;
}
.W5CUef {
    color: #888;
}
.lizc5d {
    color: rgb(53, 134, 255);
}
.WtlSJf {
    border-bottom: 1px solid #888c;
}
/* 语言栏,可见语言 */
/* .X4DQ0 {
    background-color: #2e2e30;
} */
.JJYS0b:hover .VfPpkd-jY41G-V67aGc {
    color: #fff;
}
.Ose4Jf .VfPpkd-jY41G-V67aGc {
    color: #ccc;
}
.Ose4Jf.VfPpkd-AznF2e-OWXEXe-auswjd .VfPpkd-jY41G-V67aGc {
    color: rgb(58, 133, 232);
    font-weight: bold;
    font-size: 1.15em;
}
/* 语言栏,双侧 */
.EO28P {
    background-color: #383838;
}
.X4DQ0::after {
    background: linear-gradient(to right, #38383880, #383838);
}
/* 翻译区域，圆角矩形边框 */
.rm1UF,
.QcsUad {
    border: 1px solid #8888;
    border-radius: 8px;
    box-shadow: inset 0 0 3px 2px #282828 !important;
}

.fMHXgc {
    background-color: #444;
}
.yFQBKb {
    background-color: #323232;
    box-shadow: inset 0 0 3px 3px #373737 !important;
}
.pEyuac {
    background-color: #3d3e40;
}
.Llmcnf {
    color: #ccc;
}
.qSb8Pe:hover {
    background-color: #7b7d80;
}
.qSb8Pe.KKjvXb {
    background-color: rgb(86, 87, 90);
    color: rgb(104, 165, 255);
    font-weight: 500;
}
.qSb8Pe.RCaXn:not(.KKjvXb) .S3Dwie {
    color: rgb(179, 186, 196);
    display: block;
}
/* 设置 */
.pWIpbc,
.Jp7KKb,
.XOPM0 {
    color: #ccc;
}
/* 关于 */
.gb_Mc {
    color: #ccc;
    background-color: #444;
}
}