the-djmaze/snappymail
1
1
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2025-02-23 22:36:01 +08:00
Code Issues Projects Releases Packages Wiki Activity

Improve composer dark mode

Browse source
This commit is contained in:
djmaze 2021-04-22 23:34:37 +02:00
parent 3572d00a10
commit 14a9f00c6e
3 changed files with 16 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
dev/Styles/Compose.less
View file

@ -20,10 +20,10 @@
.attachmentAreaParent { .attachmentAreaParent {
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
overflow-y: auto; overflow-y: auto;
padding: 10px 10px 6px 10px; padding: 10px;
.no-attachments-desc { .no-attachments-desc {
padding: 50px 10px; padding-top: 50px;
text-align: center; text-align: center;
font-size: 24px; font-size: 24px;
color: #666; color: #666;
@ -38,7 +38,6 @@
.b-header-toolbar { .b-header-toolbar {
color: #fff;
background-color: rgba(0,0,0,0.8); background-color: rgba(0,0,0,0.8);
.close, .minimize-custom { .close, .minimize-custom {
@ -72,23 +71,17 @@
.b-header { .b-header {
padding: 10px; padding: 10px;
background-color: #eee; background-color: rgba(128,128,128,0.2);;
color: #333;
.e-identity { .e-identity {
color: #333; color: var(--main-color);
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
&:hover {
color: #333;
text-decoration: none;
}
&.multiply { &.multiply {
cursor: pointer; cursor: pointer;
border-bottom: 1px dashed #555; border-bottom: 1px dashed var(--main-color);
} }
} }

2
dev/Styles/SquireUI.less
View file

@ -2,7 +2,6 @@
.squire-toolbar { .squire-toolbar {
padding: 2px; padding: 2px;
border-bottom: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6;
background: #EEE;
overflow-x: auto; overflow-x: auto;
overflow-y: hidden; overflow-y: hidden;
white-space: nowrap; white-space: nowrap;
@ -161,6 +160,7 @@ Secondly, we can't rely on MUA's what to do with :empty
display: none; display: none;
} }
.rl-mobile .squire-toolbar { .rl-mobile .squire-toolbar {
background: #EEE;
padding: 1px; padding: 1px;
position: fixed; position: fixed;
bottom: 0; bottom: 0;

20
snappymail/v/0.0.0/themes/SquaresDark/styles.less
View file

@ -49,13 +49,13 @@
.thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar { .thm-message-list-top-toolbar, .thm-message-list-bottom-toolbar {
background-image: linear-gradient(to bottom,#444,#111) !important; background-image: linear-gradient(to bottom,#444,#111) !important;
background-repeat: repeat-x !important; background-repeat: repeat-x !important;
color: #fff; color: var(--main-color);
} }
.btn:not(.btn-success):not(.btn-warning):not(.btn-danger) { .btn:not(.btn-success):not(.btn-warning):not(.btn-danger) {
border-color: rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(255,255,255,.25); border-color: rgba(255,255,255,.15) rgba(255,255,255,.15) rgba(255,255,255,.25);
box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05); box-shadow: inset 0 1px 0 rgba(0,0,0,.2), 0 1px 2px rgba(255,255,255,.05);
color: #fff; color: var(--main-color);
text-shadow: 0 -1px 0 rgba(255,255,255,.25); text-shadow: 0 -1px 0 rgba(255,255,255,.25);
background-color: #000; background-color: #000;
} }
@ -68,7 +68,7 @@
border-top-color: #ccc; border-top-color: #ccc;
} }
.btn .caret { .btn .caret {
border-top-color: #fff; border-top-color: var(--main-color);
} }
.messageList .b-message-list-wrapper { .messageList .b-message-list-wrapper {
@ -80,10 +80,11 @@
.b-settins-right .b-content, .b-settins-right .b-content,
.messageList .b-content, .messageList .b-content,
.messageView .b-content, .messageView .b-content,
.b-admin-right .b-content { .b-admin-right .b-content,
.b-compose .b-attachment-place {
background-color: #000; background-color: #000;
border-color: #555; border-color: #555;
color: #fff; color: var(--main-color);
} }
.legend, .legend,
@ -95,13 +96,12 @@
.legend, .legend,
.b-compose .b-header .e-identity, .b-compose .b-header .e-identity,
.messageView .messageItem { .messageView .messageItem {
color: #fff; color: var(--main-color);
} }
.b-compose .b-header, .rl-mobile .squire-toolbar,
.squire-toolbar { .b-compose .b-attachment-place.dragAndDropOver {
background-color: #222; background-color: #222;
color: #fff;
} }
.g-ui-link, .g-ui-link,
@ -137,7 +137,7 @@
} }
.nav-tabs > .active > a, .nav-tabs > .active > a,
.nav-tabs > .active > a:hover { .nav-tabs > .active > a:hover {
color: #fff; color: var(--main-color);
background-color: #000; background-color: #000;
} }