DeepL Translate in Dark Mode
Only translator page in dark mode for now
Authorluigiimvector
LicenseMIT
Categorydeepl
Created
Updated
Size7.8 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Only translator page in dark mode for now
/* ==UserStyle==
@name DeepL-DarkMode
@version 20230205.17.18
@namespace userstyles.world/user/luigiimvector
@description # DeepL Translate in Dark Mode
Only translator page in dark mode for now
@author luigiimvector
@license MIT
==/UserStyle== */
@-moz-document url("https://www.deepl.com/translator") {
.lmt__language_select__menu > button {
color: #fffc;
}
.dl_pro__banner--2021--wrapper {
background-color: #1d1d1d;
}
.dl_footer__container {
border-top: none !important;
}
.dl_footer__langselect::before {
background-color: #fff0;
}
.lmt__glossary_newEntry_langButton {
color: #fff;
}
.lmt_firstEntry-content .lmt__glossary_newEntry_langButton {
background-color: #1d1d1d;
}
.lmt__language_select__menu {
background-color: #1d1d1d;
}
.lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langName {
color: #fffc !important;
}
.lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langCodePair .langCode {
color: #aea8a8;
}
.lmt_firstEntry-content .lmt__glossary_newEntry_inputSource, .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {
color: #fffc;
border: 1px solid #121212;
background-color: #1d1d1d;
}
.content--1UkZ- {
color: #fffc;
}
.RelativeModalDialog_module_modal__75605b7b {
background-color: #282727;
}
.lmt__source_textarea_overlay .lmt__source_textarea_overlay__sentence--active {
color: #fffc;
background-color: #1d1d1d;
}
.dl_body--redesign .lmt--web .lmt__language_select .lmt__language_select__active {
color: #fffc;
}
.lmt--web .docTrans__help_popup {
background-color: #1d1d1d;
}
html:not(.lmt_df-1641_increase_mobile_breakpoint) .lmt__dict .lmt__dict__inner {
background-color: rgb(29, 29, 29);
}
.lmt__dict .tag_lemma a {
color: #fffc;
}
.lmt__dict .tag_trans {
color: #ffffff91;
}
.Tab_module_cardButton__78900e0a {
border: 1px solid #1c1c1c;
}
.buttonContainer--1asZO button:hover svg {
color: #fff;
stroke: #fff;
}
.buttonContainer--1asZO button {
color: #fffc;
stroke: #fffc;
}
.lmt--active_translation_request.lmt--active_translation_request--with_target_has_content .lmt__side_container--target .lmt__inner_textarea_container {
animation: none;
box-shadow: none;
}
button.lmt__translations_as_text__text_btn {
color: #fffc !important;
}
button.Tab_module_cardButton__78900e0a:hover {
background-color: #1c1c1cde !important;
border-color: #1c1c1c !important;
}
.lmt--web .lmt__language_select>button strong {
color: #fffc;
}
.lmt__glossary_button .lmt__glossary_onOffSwitch_label {
color: #fffc;
}
.lmt__formalitySwitch .lmt__formalitySwitch__toggler{
color: #fffc;
}
button > buttontext {
color: #fffc;
}
.dl_header::before {
background-color: #121212;
}
.dl_header_menu_v2__links__item, .dl_header_menu_v2__links__item:visited, .dl_header_menu_v2__links__item:active, .dl_header_menu_v2__links__item:focus {
color: #fffc;
}
.dl_header_menu_v2__buttons__menu > button:hover::before, .dl_header_menu_v2__buttons__menu > button:hover::after {
color: #fffc;
}
.dl_header_menu_v2__buttons__menu > button::before, .dl_header_menu_v2__buttons__menu > button::after {
color: #fffc;
}
.dl_header_menu_v2__login_button > button {
color: #fffc;
}
.dl_body--redesign {
background-color: #121212 !important;
}
.dl_body, .dl_body--text_page {
color: #fffc;
}
.dl_footer__social--twitter:hover, .dl_footer__social--twitter:focus {
background-color: #3499e1;
}
.dl_footer__social--twitter {
background: #8c8c8c url("/img/icons/icon_twitter_v2.svg") no-repeat center;
}
.dl_footer__social--facebook {
background: #8c8c8c url("/img/icons/icon_fb_v2.svg") no-repeat center;
}
.dl_footer__social--linkedin {
background: #8c8c8c url("/img/icons/icon_linkedin_v2.svg") no-repeat center;
}
.dl_body--redesign .lmt--web .lmt__textarea_container {
background-color: #1d1d1d;
border: none;
}
.Tab_module_cardButton__78900e0a {
background-color: #202020de;
border: 1px solid #202020;
}
.Tab_module_active__78900e0a .Tab_module_textUpper__78900e0a {
color: #fffc;
}
.Tab_module_textUpper__78900e0a {
color: #fffc;
}
.Tab_module_active__78900e0a .Tab_module_logo__78900e0a {
color: #fffc;
stroke: #fffc;
fill: #fffc;
}
.Tab_module_logo__78900e0a {
color: #fffc;
stroke: #fffc;
fill: #fffc;
}
.integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__side_container {
border: 1px solid #121212;
}
.lmt__textarea_separator .lmt__textarea_separator__vertical_line {
background-color: #121212;
}
.dl_pro__banner--card {
background-color: #1d1d1d;
}
.dl_pro__banner--features {
background-color: #1d1d1d;
}
.dl_app_ad .dl_app_ad__commonContent {
background-color: #1d1d1d;
}
.lmt_quote__inner {
background-color: #1d1d1d;
}
.lmt_quote__text {
color: #fffc;
}
.lmt_quote__source {
color: #fffc;
}
.lmt_quote__source a {
color: #fffc;
}
.integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__side_container--target .lmt__language_container_switch {
background-color: #1d1d1d;
border: 1px solid #121212;
}
.lmt__formalitySwitch .lmt__formalitySwitch__toggler:hover {
color: #fffc;
}
.lmt--web .lmt__textarea {
color: #fffc;
}
.integratedLanguageSelectors .dl_translator_page_container .lmt--web .lmt__text .lmt__textarea_container {
border-top: 1px solid #121212 !important;
}
.integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__language_container {
background: #1d1d1d;
}
.lmt__formalitySwitch .lmt__formalitySwitch__toggler_icon {
border-top: 2px solid #fffc;
border-right: 2px solid #fffc;
}
.lmt__glossary_button .lmt__glossary_onOffSwitch_label:hover {
color: #fff;
}
.lmt--web .lmt__language_select > button:hover strong {
color: #fff;
}
.lmt__speaker button {
color: #fffc;
stroke: #fffc;
}
.lmt__rating button {
color: #fffc;
stroke: #fffc;
}
.lmt__source_toolbar .lmt__target_toolbar__generic > button, .lmt__source_toolbar .lmt__target_toolbar__copy > button, .lmt__source_toolbar .lmt__target_toolbar__share > button, .lmt__target_toolbar .lmt__target_toolbar__generic > button, .lmt__target_toolbar .lmt__target_toolbar__copy > button, .lmt__target_toolbar .lmt__target_toolbar__share > button {
color: #fffc;
stroke: #fffc;
}
.banner--1DbtF {
color: #fffc;
}
.lmt__dict .lmt__dict__inner, .lmt__dict .lmt__dict__empty_state {
background-color: #1d1d1d;
}
.DF-2352__show_dict_empty_state .lmt__dict .lmt__dict__placeholder__shown {
border: none;
}
.combined_app_ad_mobile_and_desktop .dl_ad_pro_container {
background-color: #121212;
}
.combined_app_ad_mobile_and_desktop .app_ad_mobile_and_desktop .headline {
color: #d1d1d1;
}
.combined_app_ad_mobile_and_desktop .app_ad_mobile_and_desktop .desktop_and_mobile .label {
color: #d1d1d1;
}
.lmt__stickyMenubar .dl_header--sticky.dl_header--has-shadow {
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.9);
}
.cardButton--fP1Pw {
background-color: #1d1d1d;
border: none;
}
.active--PZes4 .textUpper--2jH\+F {
color: #cfcfcf;
}
.active--PZes4 .logo--NVodS {
color: #cfcfcf;
stroke: #cfcfcf;
fill: #cfcfcf;
}
.footerOuterContainer--5xbuU {
background-color: #121212;
}
.footerOuterContainer--5xbuU .footerContainer--9D9zF .footerContentContainer--YRP35 .linksContainer--\+qfu\+ .linkList--oAYWL li:not(:first-of-type) a {
color: #d1d1d1 !important;
}
.dl_header {
background-color: #121212 !important;
}
#dictionary-header {
background-color: #171717;
color: white;
}
.text-deprecated-grey-darker.border-dark-7.rounded-b-lg.border-x.border-b.bg-white.px-6.py-4.text-base.shadow-sm {
background-color: #171717;
}
.root--lmTwI.flex.items-center.border-b.border-dark-6 {
background-color: #171717;
}
.root--lmTwI {
background: black;
}
}