DeepL Dark Mode for Reading by soney

Install Get Stylus Write a review

Details

Authorsoney

LicenseNo License

Created atApril 14, 2021 23:07

Updated atApril 22, 2021 02:25

Applies todeepl

Statistics

Learn how we calculate statistics in the FAQ.

Total views327

Total installs202

Weekly installs5

Weekly updates8

Description

Dark Mode for DeepL removing almost all the clutter and increasing text area width

Example: https://i.imgur.com/0BtZWjX.png

Notes

Userstyle doesn't have notes.

History

Daily snapshots of style statistics.

2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.001.402.804.205.506.908.309.7011.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.0040.0080.00120.00160.00200.00240.00280.00320.00Total countTotal installsTotal views

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.