1
0
mirror of https://codeberg.org/nobody/LocalCDN.git synced 2025-06-05 21:49:31 +02:00

Improved dark mode

This commit is contained in:
nobody
2020-06-16 07:10:22 +02:00
parent 3d0ffbac75
commit 56f2d6b296
7 changed files with 31 additions and 8 deletions

View File

@@ -94,6 +94,10 @@ body {
.input-text { .input-text {
max-width: 320px; max-width: 320px;
border-radius: 3px;
border: 1px solid darkgrey;
padding: 5px !important;
color: #555;
} }
/** /**
@@ -266,18 +270,17 @@ body[dir="rtl"] .input-text {
body { body {
background-color: #202023; background-color: #202023;
color: #f9f9fa;
} }
.title-option { body, .title-option {
color: #f9f9fa; color: #aeaeae;
} }
.description-option { .description-option {
color: #b1b1b3; color: #b1b1b3;
} }
#last-mapping-update, .badge-warning, .notice-message, .button-warning { .notice-head > span, #last-mapping-update, .badge-warning, .notice-message, .button-warning {
color: #4b3000; color: #4b3000;
} }
} }

View File

@@ -168,7 +168,7 @@
<p class="without-checkbox" data-i18n-content="generateRuleSetDescription"></p> <p class="without-checkbox" data-i18n-content="generateRuleSetDescription"></p>
</div> </div>
<div class="ruleset-generator"> <div class="ruleset-generator">
<p id="last-mapping-update" class="description-option last-update without-checkbox" data-i18n-content="lastUpdate">Last update: </p> <p id="last-mapping-update" class="description-option last-update without-checkbox" data-i18n-content="lastUpdate">Last update:</p>
</div> </div>
<div class="ruleset-generator"> <div class="ruleset-generator">
<input id="generate-ublock-rules" name="rule-sets" data-option="uBlock" type="radio" value="uBlock"> <input id="generate-ublock-rules" name="rule-sets" data-option="uBlock" type="radio" value="uBlock">

View File

@@ -67,7 +67,7 @@ options._renderOptionsPanel = function () {
options._renderLocaleNotice(); options._renderLocaleNotice();
} }
document.getElementById('last-mapping-update').textContent += lastMappingUpdate; document.getElementById('last-mapping-update').textContent += ' ' + lastMappingUpdate;
}; };
options._renderBlockMissingNotice = function () { options._renderBlockMissingNotice = function () {

View File

@@ -19,7 +19,7 @@ header {
border-bottom: solid #d3d3d3 1px; border-bottom: solid #d3d3d3 1px;
display: flex; display: flex;
position: relative; position: relative;
padding: 8px 15px 15px 4px; padding: 8px 15px 8px 4px;
} }
.panel { .panel {

View File

@@ -19,7 +19,7 @@ header {
border-bottom: solid #d3d3d3 1px; border-bottom: solid #d3d3d3 1px;
display: flex; display: flex;
position: relative; position: relative;
padding: 8px 15px 15px 4px; padding: 8px 15px 8px 4px;
} }
.panel { .panel {
@@ -317,6 +317,11 @@ footer {
color: #717171; color: #717171;
} }
#label-donate {
background-color: #404040;
color: #bbb;
}
.panel:not(:last-child) { .panel:not(:last-child) {
border-bottom-color: #292929; border-bottom-color: #292929;
} }

View File

@@ -257,3 +257,17 @@ hr {
min-height: unset; min-height: unset;
} }
} }
@media (prefers-color-scheme: dark) {
/**
* Sections
*/
body {
background-color: #404040;
}
body, p, h3, .subtle-hint {
color: #aeaeae !important;
}
}

View File

@@ -26,6 +26,7 @@
<li>Updated: jQueryUI to v1.12.1</li> <li>Updated: jQueryUI to v1.12.1</li>
<li>Added: MooTools v1.4.5 (<a href="https://codeberg.org/nobody/LocalCDN/issues/32">#32</a>)</li> <li>Added: MooTools v1.4.5 (<a href="https://codeberg.org/nobody/LocalCDN/issues/32">#32</a>)</li>
<li>Release notes: Open new tab in background (<a href="https://addons.mozilla.org/addon/localcdn-fork-of-decentraleyes/reviews/1554950/">Review</a>)</li> <li>Release notes: Open new tab in background (<a href="https://addons.mozilla.org/addon/localcdn-fork-of-decentraleyes/reviews/1554950/">Review</a>)</li>
<li>Improved: Dark Mode</li>
</ul> </ul>
<div class="topic-label"> <div class="topic-label">
Generate rule sets for uBlock or uMatrix Generate rule sets for uBlock or uMatrix