Skip to content

DeepL Dark Mode for Reading by soney

Details

Authorsoney

LicenseNo License

Categorydeepl

Created

Updated

Size3.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

Userstyle doesn't have notes.

Source code

/* ==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;
}
}

Reviews

No reviews yet.