deepl.com translator dark theme by flashwalker

/* ==UserStyle==
@name         deepl.com translator dark theme
@version      20231018.04.19
@namespace    userstyles.world/user/flashwalker
@description  Dark theme for deepl.com - https://userstyles.world/style/12488/deepl-com-translator-dark-theme
@author       Flashwalker
@license      No License
==/UserStyle== */

@-moz-document domain("deepl.com"), domain("www.deepl.com") {
/*root*/
  :root
  {
    --main-grey: #232323;
    --second-grey: #2C2C2C;
    --blue: #25b9ff;
  }

  /*body*/
  body, a, p, textarea, strong, div, span, li, ul, img, section, button, h1, h2, h3, h4, h5, h6, svg
  {
    color: var(--blue) !important;
    /*fill: var(--blue) !important ;*/
    border: none !important;
  }

  .dl_body--redesign, .dl_body--redesign, .dl_top_element--wide, .dl_header:before
  {
    background-color: var(--main-grey) !important;
  }

  /* container*/
  .lmt__dict, .dl_pro__banner--2021--wrapper, .lmt__dict__inner, .lmt__language_wrapper, .innerUpper--ctL6w, #tabTranslateFiles, #tabTranslateText
  {
    background-color: var(--second-grey) !important;
  }

  .dl_ad_pro_container, #dictionary-header, .lmt__dict__empty_state, .lmt__dict__placeholder__shown
  {
    background: none !important;
  }

  .lmt__dict, .innerUpper--ctL6w, #tabTranslateFiles
  {
    border-radius: 8px !important;
  }

  /*  bloc-trad*/
  .lmt__textarea_container, .lmt__textarea_container, .lmt__language_container, .lmt__sides_container button
  {
    background-color: var(--second-grey) !important;
  }

  /* footer*/
  .footerOuterContainer--5xbuU
  {
    background-color: var(--blue) !important;
  }

  .dl_body--redesign .lmt--web .lmt__textarea_container div
  {
    border: none !important;
  }

    /*** Main bg ***/
    body,
    input,
    header[class^="BasePageHeader-module--container"],
    .bg-neutral-next-50,
    .text-base.bg-white,
    /*[class^=content--],*/
    [class^=footerOuterContainer--],
    .dl_body--redesign .lmt--web .lmt__textarea_container div.bg-white,
    .lmt__edit_text_popup,
    .semitransparent-overlay,
    [class^=container--],
    [class^=menuContainer--],
    [class^=content--]:after,
    [class*=targetLangMenu_extension] .bg-white,
    [class^=inputWrapper--] [class^=input--],
    .newPopup [class^=root--],
    [class^="root"],
    .bg-\[\#E1F0F5\],
    .bg-dark-8,
    [class^="pageFooterV2-module--footerOuterContainer"],
    .bg-dark-5,
    .enabled\:hover\:bg-dark-8:hover:enabled,
    #textareasContainer .hover\:bg-neutral-200:hover,
    [data-testid="deepl-ui-tooltip-container"] .hover\:text-blue-next-600:hover,
    [data-testid="deepl-ui-tooltip-container"] .lg\:px-3,
    [data-testid="deepl-ui-tooltip-container"] .active\:bg-dark-8:active {
        background-color: var(--main-grey) !important;
    }

    /*** Second bg ***/
    [class^=cardButton--],
    .lmt--web .lmt__translations_as_text,
    .lmt_quote__inner,
    [dl-test=translator-target-toolbar-share-popup] input.text-sm,
    .lmt__edit_text_popup .lmt__edit_text_popup__entry--active,
    .lmt__formalitySwitch__menu_items,
    .integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__language_container,
    .lmt__language_select__menu.lmt__language_select__menu_three_columns,
    .lang_menu_three_columns_small_mode_source .lmt__language_select__menu_source.lmt__language_select__menu_three_columns.lmt__language_select__menu, .lang_menu_three_columns_small_mode_source .lmt__language_select__menu_target.lmt__language_select__menu_three_columns.lmt__language_select__menu, .lang_menu_three_columns_small_mode_target .lmt__language_select__menu_source.lmt__language_select__menu_three_columns.lmt__language_select__menu, .lang_menu_three_columns_small_mode_target .lmt__language_select__menu_target.lmt__language_select__menu_three_columns.lmt__language_select__menu,
    .lmt__language_select__menu_target.lmt__language_select__menu_three_columns.lmt__language_select__menu,
    .lmt__language_select__menu_source.lmt__language_select__menu_three_columns.lmt__language_select__menu input[type=text],
    .lmt__language_select__menu_target.lmt__language_select__menu_three_columns.lmt__language_select__menu input[type=text],
    [class^=wrapper--] [class^=button--],
    [class^=wrapper--] [class^=flyout--] .option--QJRi0,
    [dl-test=product-selection] div,
    [class^=wrapper] [class^=controls] [class^=input],
    [class^=panel],
    [class^=docTrans__help_popup],
    .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,
    .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget,
    .lmt_firstEntry-content .lmt__glossary_newEntry_langButton,
    .lmt__language_select__menu,
    .bg-white[class^=content--],
    [class^=wrapper--] [class^=flyout--],
    .enabled\:hover-capable\:hover\:bg-dark-8:hover:enabled,
    .bg-white,
    .local_undo_redo_DF-3361 .lmt__source_toolbar,
    .local_undo_redo_DF-3361 .lmt__target_toolbar,
    .bg-white\/\[\.6\],
    [class^="Quote-module--quote"],
    [class^="CareerBanner-module--container"],
    [class^="LanguageSelector-module--wrapper"] [class^="LanguageSelector-module--button"],
    [class^="LanguageSelector-module--wrapper"] [class^="LanguageSelector-module--flyout"] [class^="LanguageSelector-module--option"],
    [class^="LanguageSelector-module--wrapper"] [class^="LanguageSelector-module--flyout"],
    [class^="UploadPanel-module--docTrans__help_popup"],
    .contents[role="tablist"] + a.block > span > div,
    [class^=classicSidemenu-module--menuContainer] {
        background-color: var(--second-grey) !important;
        --option-background: var(--second-grey) !important;
    }

    .dl_header_menu__logo__text,
    .dl_header_menu_v2__logo__img,
    [class^=logo--],
    [class^=socialMediaContainer--] [class^=socialMediaLinks--] img,
    [class^=Logo-module--logoImg],
    [class^=LogoLink-module--logoText],
    [class^=deeplLogo-module--logo],
    [class^=pageFooterV2-module--socialMediaLinks] {
        filter: brightness(4);
    }
    .lmt--showing_alternatives .lmt__translations_as_text:before,
    .lmt--web .lmt__translations_as_text h4:before,
    .integratedLanguageSelectors .lmt--web .lmt__sides_container .lmt__side_container.lmt__side_container--target .lmt__textarea_container,
    [dl-test=translator-target-toolbar-share-popup] input.text-sm,
    [class^=inputWrapper--] [class^=input--],
    .divide-dark-7>:not([hidden])~:not([hidden]) {
        border-color: var(--main-grey) !important;
    }
    [class^=divider--] {
        color: var(--main-grey) !important;
    }
    .newPopup hr {
        color: var(--second-grey) !important;
    }

    .dl_ad_pro_container div,
    .bg-blue-100,
    .bg-blue-100.hover\:bg-blue-200:hover,
    .hover\:bg-\[\#F3F5F7\]:hover {
        background: unset !important;
    }

    .lang_menu_three_columns_small_mode_source .lmt__language_container, .lang_menu_three_columns_small_mode_target .lmt__language_container,
    [class^=wrapper] [class^=controls] [class^=input],
    .lmt_firstEntry-content .lmt__glossary_newEntry_inputSource,
    .lmt_firstEntry-content .lmt__glossary_newEntry_inputTarget {
        border: none !important;
    }
    [class^=footerOuterContainer--] [class^=footerContainer--] [class^=footerContentContainer--] [class^=linksContainer--] [class^=linkList--] li:not(:first-of-type) a,
    .lmt__glossary_newEntry_langDropdown.lmt__language_select__menu button .langName,
    [class^="pageFooterV2-module--footerOuterContainer"] [class^="pageFooterV2-module--footerContainer"] [class^="pageFooterV2-module--footerContentContainer"] [class^="pageFooterV2-module--linksContainer"] [class^="pageFooterV2-module--linkList"] li:not(:first-of-type) a,
    [class^=subMenu-module--container] button {
        color: var(--blue) !important;
    }
    [data-testid=deepl-ui-tooltip-target] a svg path,
    [class^=panel] [class^=header] svg path {
        stroke: var(--blue) !important;
    }
    .lmt--active_translation_request.lmt--active_translation_request--with_target_has_content .lmt__side_container--target .lmt__inner_textarea_container {
        animation: none !important;
        box-shadow: none !important;
    }
    .lmt_quotes_nav_entry--active {
        background: var(--blue) !important;
    }
    .lmt_quotes_nav_entry:not(.lmt_quotes_nav_entry--active) {
        opacity: 0.5;
    }
    .lmt__source_textarea_overlay .lmt__source_textarea_overlay__sentence--active {
        opacity: 0.1;
    }
    .dl_header_menu__navigation-button.-has-bg-icon {
        filter: invert(1) brightness(0.5) sepia(1) saturate(10) hue-rotate(172deg);
    }

    .SideMenuButton-module--menuButton--lBjeg:after,
    .SideMenuButton-module--menuButton--lBjeg:before {
        border-color: var(--blue) !important;
    }
    [class^=label--] [class^=toggle--],
    [class^=closeButton-module--closeButton]:after,
    [class^=closeButton-module--closeButton]:before {
        background: none !important;
        border: 1px solid var(--blue) !important;
    }
    [class^=label--] [class^=toggle--] [class^=knob--] {
        background: var(--blue) !important;
    }

[class*=module--container--] [class*=module--gradient--] {
    background: linear-gradient(180deg,hsla(0, 0%, 16%, .2),var(--second-grey)) !important;
    height: 50px;
}

    /*** Scrollbar ***/
    ::-webkit-scrollbar {
        width: 9px !important;
        height: 9px !important;
    }
    ::-webkit-scrollbar-track {
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        background-color: var(--main-grey) !important;
    }
    ::-webkit-scrollbar-track:vertical {
        width: 9px !important;
    }
    ::-webkit-scrollbar-track:horizontal {
        height: 9px !important;
    }
    ::-webkit-scrollbar-thumb {
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        background-color: var(--blue) !important;
    }
    ::-webkit-scrollbar-thumb:vertical {
        min-height: 50px !important;
        width: 9px !important;
        background: -...