feat(theme): change pages layout to use light theme, small fixes

pull/46/head
KostyaDanovsky 2016-04-20 21:12:46 +03:00 committed by kostya.danovsky
parent d268d17b44
commit c540bc9850
4 changed files with 15 additions and 17 deletions

View File

@ -13,7 +13,6 @@ html, body {
body { body {
font: 12px/16px $font-family; font: 12px/16px $font-family;
color: $default-text; color: $default-text;
@include main-background();
display: flex; display: flex;
align-items: center; align-items: center;
} }
@ -21,7 +20,6 @@ body {
.page-not-found-modal { .page-not-found-modal {
width: 638px; width: 638px;
margin: 0 auto; margin: 0 auto;
@include bg-translucent-dark(0.5);
border-radius: 5px; border-radius: 5px;
font-weight: $font-light; font-weight: $font-light;
color: $default-text; color: $default-text;

View File

@ -818,7 +818,7 @@ body.badmin-transparent {
.compose-button { .compose-button {
text-align: center; text-align: center;
.btn { .btn {
border: $default 2px solid; border: $border 2px solid;
background-color: transparent; background-color: transparent;
} }
} }
@ -838,7 +838,7 @@ body.badmin-transparent {
border: none; border: none;
width: auto; width: auto;
&:focus, &:hover { &:focus, &:hover {
color:$default; color:$default-text;
opacity: 0.8; opacity: 0.8;
box-shadow: none; box-shadow: none;
} }
@ -852,8 +852,8 @@ body.badmin-transparent {
font-weight: $font-light; font-weight: $font-light;
transition: background-color .5s; transition: background-color .5s;
&:hover { &:hover {
color: $default; color: $default-text;
background-color: rgba(255, 255, 255, 0.12); background-color: rgba(black, 0.05);
} }
.subject { .subject {
font-weight: $font-light; font-weight: $font-light;

View File

@ -133,9 +133,9 @@ a.sn-link {
transition: none; transition: none;
display: block; display: block;
border-radius: 5px; border-radius: 5px;
background-color: rgba(0, 0, 0, .15); background-color: transparent;
padding: $snPadding; padding: $snPadding;
color: $default; color: $default-text;
border: 1px solid transparent; border: 1px solid transparent;
margin-bottom: 23px; margin-bottom: 23px;
width: 100%; width: 100%;
@ -149,7 +149,7 @@ a.sn-link {
font-size: 17px; font-size: 17px;
margin-right: 8px; margin-right: 8px;
background-color: rgba(0,0,0,.15); background-color: rgba(0,0,0,.15);
color: $default-text; color: $default;
} }
span { span {
@ -165,7 +165,7 @@ a.sn-link {
border-width: 2px; border-width: 2px;
padding: $snPadding - 1; padding: $snPadding - 1;
span { span {
color: $default; color: $primary;
} }
i { i {
background: $snColor; background: $snColor;

View File

@ -13,13 +13,13 @@ html {
} }
.form-control, .form-control:focus { .form-control, .form-control:focus {
@include placeholderStyle($default, 0.9); @include placeholderStyle($default-text, 0.7);
background-color: rgba(0, 0, 0, .4);
border-radius: 5px; border-radius: 5px;
color: $default; border: 1px solid $border;
color: $default-text;
} }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
@include placeholderStyle($default, 0.6); @include placeholderStyle($default, 0.7);
} }
.auth-main { .auth-main {
@ -33,7 +33,7 @@ html {
width: 540px; width: 540px;
margin: 0 auto; margin: 0 auto;
border-radius: 5px; border-radius: 5px;
@include bg-translucent-dark(0.55); background-color: white;
color: $default-text; color: $default-text;
padding: 32px; padding: 32px;
h1 { h1 {
@ -56,7 +56,7 @@ html {
.control-label { .control-label {
padding-top: 11px; padding-top: 11px;
color: $default; color: $default-text;
} }
.form-group { .form-group {
@ -106,7 +106,7 @@ a.forgot-pass {
width: 30%; width: 30%;
white-space: nowrap; white-space: nowrap;
padding: 0 24px; padding: 0 24px;
color: $default; color: $default-text;
& > span { & > span {
margin-top: -12px; margin-top: -12px;
display: block; display: block;