DeepL Dark Mode for Reading by soney

/* ==UserStyle==
@name           DeepL Dark Mode for Reading
@namespace      deepl.com
@version        1.2.1
@description    Dark Mode for DeepL removing almost all the clutter and increasing text area width
@author         soney
==/UserStyle== */

@-moz-document domain("www.deepl.com") {
html, body, .dl_translator_page_container, .lmt__dict__inner {
    background-color: #222 !important;
    color: azure !important;
    overflow-y: hidden !important;
    border: 0 !important;
}
div::focus, .dl_translator_page_container::focus, .lmt__dict__inner::focus {
    border: 0 !important;
}
.dl_header, textarea {
    background-color: #222 !important;
    color: azure !important;
}
#lmt_quotes_article, .lmt_quotes__container, footer {
    display: none;
}
.lmt__source_textarea__length_marker {
    color: azure !important;
}
strong, #text {
    color: darkgray !important;
}
.dictLink, .formLink {
    color: #105030 !important;
}
.translate_from, .translate_to, .lmt__language_select--source > button:nth-child(1) > div:nth-child(2), .lmt__language_select--target > button:nth-child(1) > div:nth-child(2) {
    color: #ddd;
}
.lmt__language_select--source > div:nth-child(2), .lmt__language_select--source > div > button, .lmt__language_select--target > div:nth-child(2), .lmt__language_select--target > div > button {
    background-color: #444;
    color: azure !important;
}
.dl_header_menu_v2__logo > span:nth-child(2), #dl_menu_translator, #dl_menu_linguee, .dl_header_menu_v2__login_button > button:nth-child(1), .dl_header_menu_v2__buttons__menu > button:nth-child(1), .dl_header_menu_v2__buttons__menu, .dl_header_menu_v2__buttons__menu > button::before, .dl_header_menu_v2__buttons__menu > button::after, .lmt__language_select--source > button:nth-child(1) > span:nth-child(1) {
    color: azure !important;
}
.lmt__target_toolbar .lmt__target_toolbar__generic > button, .lmt__target_toolbar .lmt__target_toolbar__copy > button, .lmt__target_toolbar .lmt__target_toolbar__save > button, .lmt__target_toolbar .lmt__target_toolbar__share > button {
    stroke: azure !important;
}
.lmt__stickyMenubar_background, .dl_body--redesign .lmt--web .lmt__textarea_container {
    background-color: #222;
}
.dl_pro__banner--header, .lmt__dict__inner, button {
    display: none;
}
textarea[dl-test="translator-source-input"] {
    width: 100%;
    border: 0;
}
div[dl-test="translator-source"] {
    width: 10%;
}
.lmt__textarea_container:nth-of-type(2) {
    background-color: #ff0000;
    width: 20%;
    max-height: 200px;
    border: 1px solid blue;
    overflow-y: scroll;
}
.lmt__textarea_container:nth-of-type(3) {
    background-color: #ff0000;
    width: 200%;
    z-index: 1000000;
    margin-left: -500px;
/*     overflow-x: scroll; */
    overflow-y: scroll;
    height: calc(100vh - 10vh);
}
.lmt__inner_textarea_container {
    background-color: #ff0000;
}
.lmt__sides_container {
    margin-left: -400px;
    background-color: #222;
}
.dl_body--redesign .lmt--web .lmt__textarea_container {
    border: 0 !important;
/*     background-color: #ff0000; */
}

.lmt__textarea_container {
    border: 0;
}

.lmt__textarea_container--focus_target:focus{
    outline: none;
    border: 0;
}

.lmt__stickyMenubar_background, .lmt__stickyMenubar_background--show, .lmt__docTrans-tab-container, header {
    display: none;
}

.lmt__language_container {
    display: none;
    opacity: 0;
}

/*
 *  STYLE 2
 */

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #D62929;
}
}