Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-10-06 11:16:10 +08:00
Code Issues Projects Releases Packages Wiki Activity

Improve styling of reminders, especially in dark mode #689

Browse source
This commit is contained in:
Ben Gotow 2020-04-16 01:45:32 -05:00
parent 2a92394aca
commit 28a1ce3215
2 changed files with 24 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/internal_packages/send-reminders/styles/send-reminders.less
View file

@ -47,13 +47,19 @@
.send-reminders-header { .send-reminders-header {
color: @reminders-color; color: @reminders-color;
background: linear-gradient(to bottom, #fbfafe 0%, #fff 25%); background: linear-gradient(to bottom, #eee8ff 0%, #fff 25%);
padding-top: 13px; padding-top: 13px;
padding-left: 20px;
padding-bottom: 10px; padding-bottom: 10px;
cursor: default; cursor: default;
margin-top: -19px; margin-top: -19px;
margin-bottom: 15px; margin-bottom: 15px;
margin-left: -20px;
margin-right: -20px;
border-bottom: 1px solid #e7e1fb; border-bottom: 1px solid #e7e1fb;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
img { img {
background-color: @reminders-color; background-color: @reminders-color;
margin-top: -6px; margin-top: -6px;

17
app/internal_packages/ui-dark/styles/ui-variables.less
View file

@ -73,3 +73,20 @@ img.content-light {
.thread-list .list-item:not(.unread):not(.selected):not(.focused) { .thread-list .list-item:not(.unread):not(.selected):not(.focused) {
color: #aaa; color: #aaa;
} }
.thread-list .list-item.thread-list-reminder-item {
background-color: #312856;
&.unread {
background-color: #312856;
&:not(.focused):not(.selected) {
background-color: #312856;
}
}
}
.send-reminders-header {
color: #7d5bef;
background: #312856;
border-bottom: 1px solid #4d3b8a;
}