mirror of
https://github.com/Foundry376/Mailspring.git
synced 2024-09-21 15:56:10 +08:00
fix(theme): more consistent styles for dark-mode theme
This commit is contained in:
parent
b0b0c14d03
commit
8755786d90
|
@ -51,6 +51,9 @@ body.platform-darwin {
|
|||
|
||||
padding-bottom:50px;
|
||||
|
||||
background-color: @background-primary;
|
||||
color: @text-color;
|
||||
|
||||
.platform-darwin-only {
|
||||
display: none;
|
||||
}
|
||||
|
@ -159,9 +162,9 @@ body.platform-darwin {
|
|||
margin: auto;
|
||||
|
||||
.appearance-mode {
|
||||
background-color:#f7f9f9;
|
||||
background-color: @background-off-primary;;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #c6c7c7;
|
||||
border: 1px solid @background-tertiary;
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
padding:25px;
|
||||
|
@ -169,7 +172,7 @@ body.platform-darwin {
|
|||
margin:10px;
|
||||
margin-top:0;
|
||||
img {
|
||||
background-color: #c6c7c7;
|
||||
background-color: @background-tertiary;
|
||||
}
|
||||
div {
|
||||
margin-top: 15px;
|
||||
|
|
|
@ -13,8 +13,8 @@
|
|||
@background-primary: #313131;
|
||||
@background-color: darken(#313131, 15%);
|
||||
@btn-default-bg-color: #404040;
|
||||
@accent-primary: #5AA8FA;
|
||||
@accent-primary-dark: #3087E1;
|
||||
@accent-primary: lighten(#5AA8FA, 20%);
|
||||
@accent-primary-dark: lighten(#3087E1, 20%);
|
||||
|
||||
@text-color: #C2C2C2;
|
||||
@text-color-subtle: fadeout(@text-color, 20%);
|
||||
|
|
|
@ -16,7 +16,7 @@ button, html input[type="button"] {
|
|||
display:inline-block;
|
||||
color: @btn-default-text-color;
|
||||
img.content-mask { background-color:@btn-default-text-color; }
|
||||
background: @background-gradient;
|
||||
.btn-gradient;
|
||||
|
||||
// Use 4 box shadows to create a 0.5px hairline around the button, and another
|
||||
// for the actual shadow. Pending https://code.google.com/p/chromium/issues/detail?id=236371
|
||||
|
|
Loading…
Reference in a new issue