Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-13 03:27:39 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merged some light and dark theme mode style rules

Browse source
This commit is contained in:
djmaze 2021-03-09 11:14:15 +01:00
parent ab9e56f8b6
commit 8a875670d9
5 changed files with 25 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

17
dev/Styles/Attachmnets.less
View file

@ -10,8 +10,7 @@
list-style: none; list-style: none;
line-height: 24px; line-height: 24px;
border: 0; border: 0;
background-color: #fff; background-color: rgba(128, 128, 128, 0.1);
color: #333;
box-shadow: 0 1px 4px #ccc; box-shadow: 0 1px 4px #ccc;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
@ -34,8 +33,6 @@
top: 0; top: 0;
right: 0; right: 0;
padding: 1px 4px 0 5px; padding: 1px 4px 0 5px;
background: #FAFAFA;
border: 0 solid #CCC;
cursor: pointer; cursor: pointer;
} }
@ -57,6 +54,14 @@
width: 60px; width: 60px;
text-align: center; text-align: center;
.iconPreview, .iconBG, .iconMain, .iconProgress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.iconProgress { .iconProgress {
background: #eee; background: #eee;
width: 0%; width: 0%;
@ -64,7 +69,6 @@
.iconBG { .iconBG {
font-size: 18px; font-size: 18px;
color: #999;
font-weight: bold; font-weight: bold;
line-height: 55px; line-height: 55px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
@ -72,9 +76,6 @@
.iconPreview { .iconPreview {
display: none; display: none;
background: rgba(0, 0, 0, .5) !important;
color: #fff;
text-shadow: 0 1px 0 #000;
} }
} }

9
dev/Styles/Languages.less
View file

@ -9,18 +9,19 @@
padding: 5px 15px; padding: 5px 15px;
margin: 2px 5px; margin: 2px 5px;
width: 180px; width: 180px;
background-color: #fff; background-color: rgba(128, 128, 128, 0.1);
text-align: left; text-align: left;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 3px; border-radius: 3px;
position: relative; position: relative;
cursor: pointer;
&.user { &.user {
background-color: #ffd; background-color: rgba(255, 255, 64, .15);
border-color: #ff5; border-color: #ff5;
} }
&.selected { &.selected {
background-color: #efe; background-color: rgba(64, 255, 64, 0.2);
border-color: #9c9; border-color: #9c9;
} }
&.selected::after { &.selected::after {
@ -31,7 +32,7 @@
font-family: snappymail; font-family: snappymail;
} }
&:hover { &:hover {
background-color: #eee; background-color: rgba(128, 128, 128, 0.2);
border-color: #ccc; border-color: #ccc;
} }
} }

15
dev/Styles/MessageList.less
View file

@ -218,10 +218,8 @@ html.rl-no-preview-pane {
z-index: 100; z-index: 100;
background-color: #f9f9f9;
&.focused { &.focused {
background-color: #f5f5f5; background-color: rgba(128, 128, 128, 0.1);
border-left-color: #ccc; border-left-color: #ccc;
} }
@ -336,8 +334,7 @@ html.rl-no-preview-pane {
.threads-len-data { .threads-len-data {
border-radius: 6px; border-radius: 6px;
padding: 2px 0 1px 6px; padding: 2px 0 1px 4px;
margin-right: 2px;
border: 1px solid #ccc; border: 1px solid #ccc;
&:hover { &:hover {
@ -376,7 +373,7 @@ html.rl-no-preview-pane {
} }
&.hasUnseenSubMessage { &.hasUnseenSubMessage {
background-color: #FFFFD9; background-color: rgba(255, 255, 64, 0.15);
border-left-color: lighten(orange, 30%); border-left-color: lighten(orange, 30%);
&.focused { &.focused {
border-left-color: darken(orange, 10%); border-left-color: darken(orange, 10%);
@ -384,7 +381,7 @@ html.rl-no-preview-pane {
} }
&.unseen { &.unseen {
background-color: #FFFFD9; background-color: rgba(255, 255, 64, 0.15);
border-left-color: orange; border-left-color: orange;
.sender, .subjectParent { .sender, .subjectParent {
font-weight: bold; font-weight: bold;
@ -439,7 +436,7 @@ html.rl-no-preview-pane {
/* desktop-large */ /* desktop-large */
@media screen and (min-width: 1401px) { @media screen and (min-width: 1401px) {
.messageList .b-content .messageListItem { .messageList .messageListItem {
font-size: 13px; font-size: 13px;
time { time {
font-size: 13px; font-size: 13px;
@ -490,7 +487,7 @@ html .messageList .line-loading {
} }
.senderParent { .senderParent {
flex: 1 0 50%; flex: 1 0 45%;
} }
.flagParent { .flagParent {

10
dev/Styles/SettingsThemes.less
View file

@ -6,25 +6,21 @@
display: inline-block; display: inline-block;
border: 2px solid transparent; border: 2px solid transparent;
cursor: pointer; cursor: pointer;
color: #000;
background-color: #fff;
padding: 16px; padding: 16px;
margin: 5px; margin: 5px;
&:hover { &:hover {
border: 2px solid grey; border-color: grey;
} }
&.selected { &.selected {
background-color: #eee; background-color: rgba(64, 255, 64, 0.2);
border: 2px solid #000; border-color: #000;
} }
.e-image { .e-image {
width: 100px; width: 100px;
height: 100px; height: 100px;
border: 1px solid #ddd;
} }
} }
} }

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

@ -98,8 +98,7 @@
} }
.b-compose .b-header, .b-compose .b-header,
.squire-toolbar, .squire-toolbar {
.b-themes-list .e-item {
background-color: #222; background-color: #222;
color: #fff; color: #fff;
} }
@ -122,33 +121,15 @@
} }
.messageList .messageListItem { .messageList .messageListItem {
background-color: #111;
border-left-color: #111; border-left-color: #111;
color: #EEE; color: #EEE;
} }
.messageList .messageListItem.focused,
#rl-popups .b-languages-content .lang-item {
background-color: #222;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover td,
.table-hover tbody tr:hover th, .table-hover tbody tr:hover th {
#rl-popups .b-languages-content .lang-item:hover {
background-color: #333; background-color: #333;
} }
.messageList .messageListItem.hasUnseenSubMessage,
.messageList .messageListItem.unseen,
#rl-popups .b-languages-content .lang-item.user {
background-color: #220;
}
.b-themes-list .e-item.selected,
#rl-popups .b-languages-content .lang-item.selected {
background-color: #020;
}
.table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) td,
.table-striped tbody tr:nth-child(2n+1) th { .table-striped tbody tr:nth-child(2n+1) th {
background-color: #111; background-color: #111;