Dark mode for DeepL on panel

barbudo2005

If you use DeepL page on panel, this is a Dark Mode code for Stylus:

/* DARK MODE */

.dl_body,
main#dl_translator,
.lmt--web .lmt__sides_container,
.integratedLanguageSelectors,
.dl_translator_page_container,
.lmt--web .lmt__text,
.lmt__textarea_container,
.lmt__language_container,
textarea.lmt__textarea.lmt__source_textarea.lmt__textarea_base_style,
textarea.lmt__textarea.lmt__target_textarea.lmt__textarea_base_style,
strong,
h3#dictionary-header,
header.dl_header.dl_header--sticky:before,
section#lmt__dict.lmt__dict,
nav.dl_header_menu_v2.dl_top_element--wide,
button.dl_navigate_away#headlessui-tabs-tab-1,
button#headlessui-tabs-tab-2,
button.lmt__translations_as_text__text_btn,
.cardButton--VaX9A,
.active--r_XDH .textUpper--PrWcj,
.lmt__textarea_container.lmt__raise_alternatives_placement,
.lmt__source_toolbar

{color: #D8D8D8 !important;
background-color: #171b1d !important;	}


.lmt__target_toolbar button.p-2.w-10.h-10.cursor-pointer.rounded   svg 

{filter: invert(1) !important;}

If you like a minimalist mode add this code:

/*  MINIMALIST */

.dl_headerMenu__proButton button,
a.dl_headerMenu__proButton#header-pro-button,
a.dl_header_menu_v2__links__item.dl_navigate_away,
img.dl_header_menu_v2__logo__img,

button#headlessui-tabs-tab-2,
button.dl_navigate_away#headlessui-tabs-tab-1,
h3#dictionary-header,
section#lmt__dict.lmt__dict,
.dl_body--redesign.dl_top_element--wide.dl_visible_desktop_only.eSEOtericText,
#headlessui-popover-button-1

{display: none !important;}

You have to reload Vivaldi to take effect on panel.