Improved dark mode

This commit is contained in:
djmaze 2021-10-14 14:30:47 +02:00
parent cec3581626
commit 11823c280d
8 changed files with 23 additions and 15 deletions

View file

@ -13,7 +13,6 @@
} }
.emailaddresses.emailaddresses-focused { .emailaddresses.emailaddresses-focused {
background-color: #fff;
border: 1px solid darken(@inputBorder, 20%); border: 1px solid darken(@inputBorder, 20%);
box-shadow: none; box-shadow: none;
} }
@ -72,7 +71,7 @@
height: auto; height: auto;
line-height: inherit; line-height: inherit;
margin: 0; margin: 0;
padding: 0; padding: 4px;
vertical-align: baseline; vertical-align: baseline;
} }

View file

@ -60,8 +60,7 @@
hr { hr {
margin: 10px; margin: 10px;
border-top: 0; border-color: #999;
border-bottom: 1px solid #999;
} }
li { li {

View file

@ -1,4 +1,9 @@
.b-settings-general { .b-settings-general {
.editMainIdentity {
border-bottom: 1px dashed #555;
cursor: pointer;
display: inline-block;
padding: 5px 0;
}
} }

View file

@ -137,7 +137,6 @@ Secondly, we can't rely on MUA's what to do with :empty
*/ */
.squire-plain { .squire-plain {
background-color: #fff;
border: 0; border: 0;
border-radius: 0; border-radius: 0;
display: none; display: none;

View file

@ -4,10 +4,7 @@
<div class="control-group"> <div class="control-group">
<label class="control-label" data-i18n="SETTINGS_GENERAL/LABEL_IDENTITY"></label> <label class="control-label" data-i18n="SETTINGS_GENERAL/LABEL_IDENTITY"></label>
<div class="controls"> <div class="controls">
<div style="display: inline-block; margin-top: 5px"> <b class="editMainIdentity" data-bind="click: editMainIdentity, text: identityMainDesc"></b>
<b data-bind="click: editMainIdentity, text: identityMainDesc"
style="border-bottom: 1px dashed #555; cursor: pointer; padding: 2px 0px;"></b>
</div>
</div> </div>
</div> </div>
<div class="control-group" data-bind="visible: allowLanguagesOnSettings"> <div class="control-group" data-bind="visible: allowLanguagesOnSettings">

View file

@ -148,8 +148,19 @@
color: #000; color: #000;
} }
.select, select { input, textarea, .select, select, .emailaddresses {
background: #000 url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='10px' width='15px'><text x='0' y='10' fill='rgb(255,255,255)'>▾</text></svg>") right center/1em no-repeat border-box; background-color: #000;
border-color: #aaa; border-color: #aaa;
color: #fff; color: #fff;
} }
.select, select {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='10px' width='15px'><text x='0' y='10' fill='rgb(255,255,255)'>▾</text></svg>");
}
hr {
border-color: #666;
}
.b-settings-general .editMainIdentity {
border-color: #999;
}

View file

@ -91,7 +91,6 @@ input {
// Focus state // Focus state
&:focus { &:focus {
background-color: #fff;
border-color: darken(@inputBorder, 20%); border-color: darken(@inputBorder, 20%);
box-shadow: none; box-shadow: none;
} }

View file

@ -72,8 +72,7 @@ li {
hr { hr {
margin: @baseLineHeight 0; margin: @baseLineHeight 0;
border: 0; border: 0;
border-top: 1px solid @hrBorder; border-bottom: 1px solid @hrBorder;
border-bottom: 1px solid @white;
box-sizing: content-box; box-sizing: content-box;
height: 0; height: 0;
} }