mirror of https://github.com/akveo/blur-admin
feat(theme): change pages layout to use light theme, small fixes
parent
d268d17b44
commit
c540bc9850
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue