fix(theme): more consistent styles for dark-mode theme

This commit is contained in:
Evan Morikawa 2015-10-09 16:05:26 -07:00
parent b0b0c14d03
commit 8755786d90
3 changed files with 9 additions and 6 deletions

View file

@ -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;

View file

@ -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%);

View file

@ -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