Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2024-09-21 15:56:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(theme): Improve styling of popout composer in dark mode

Browse source
This commit is contained in:
Ben Gotow 2015-11-23 18:28:30 -08:00
parent 6b6a61f455
commit 522ad2da79
3 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
internal_packages/composer/stylesheets/composer.less
View file

@ -279,8 +279,8 @@ body.platform-win32 {
.composer-inner-wrap { .composer-inner-wrap {
.composer-action-bar-wrap { .composer-action-bar-wrap {
background: #fcfcfc; background: darken(@background-primary, 1%);
border-top: 1px solid #eaeaea; border-top: 1px solid darken(@background-primary, 8%);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.03); box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);
} }

4
internal_packages/ui-dark/styles/ui-variables.less
View file

@ -48,3 +48,7 @@ img.content-dark {
img.content-light { img.content-light {
-webkit-filter: invert(100%); -webkit-filter: invert(100%);
} }
.popover {
border: 1px solid @border-primary-bg;
}

2
static/workspace.less
View file

@ -144,6 +144,7 @@ body.is-blurred {
} }
.sheet-toolbar-container { .sheet-toolbar-container {
background-image: -webkit-linear-gradient(top, lighten(@toolbar-background-color, 14%), lighten(@toolbar-background-color, 14%)); background-image: -webkit-linear-gradient(top, lighten(@toolbar-background-color, 14%), lighten(@toolbar-background-color, 14%));
.btn.btn-toolbar { .btn.btn-toolbar {
background: none; background: none;
img { opacity:0.5; } img { opacity:0.5; }
@ -159,6 +160,7 @@ body.is-blurred {
.sheet-toolbar-container { .sheet-toolbar-container {
background-image: -webkit-linear-gradient(top, lighten(@toolbar-background-color, 9%), @toolbar-background-color); background-image: -webkit-linear-gradient(top, lighten(@toolbar-background-color, 9%), @toolbar-background-color);
box-shadow: inset 0 1px 0 lighten(@toolbar-background-color, 15%); box-shadow: inset 0 1px 0 lighten(@toolbar-background-color, 15%);
color:@text-color-heading;
} }
.layout-mode-popout { .layout-mode-popout {