mirror of https://github.com/akveo/blur-admin
fix(layout): fix small issues for white color scheme
parent
86750dce86
commit
9cd0312893
|
@ -1,5 +1,5 @@
|
||||||
.alert{
|
.alert{
|
||||||
color: $default-text;
|
color: $label-text;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
font-weight: $font-light;
|
font-weight: $font-light;
|
||||||
strong{
|
strong{
|
||||||
|
|
|
@ -398,7 +398,7 @@ label.custom-input-danger {
|
||||||
|
|
||||||
@mixin groupAddon($color) {
|
@mixin groupAddon($color) {
|
||||||
background: $color;
|
background: $color;
|
||||||
color: $default-text;
|
color: $label-text;
|
||||||
border-color: $color;
|
border-color: $color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -450,7 +450,7 @@ label.custom-input-danger {
|
||||||
border-radius: 5px 5px 0 0;
|
border-radius: 5px 5px 0 0;
|
||||||
}
|
}
|
||||||
.dropdown-menu.open {
|
.dropdown-menu.open {
|
||||||
border: 1px solid;
|
border: 1px solid $border-light;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
border-radius: 0 0 5px 5px;
|
border-radius: 0 0 5px 5px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
color: $default-text;
|
color: $default-text;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
background-color: rgba(255, 255, 255, 0.3);
|
background-color: rgba($default-text, 0.3);
|
||||||
padding: 12px 5px;
|
padding: 12px 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
border: none;
|
border: none;
|
||||||
color: $dropdown-text;
|
color: $dropdown-text;
|
||||||
.modal-header {
|
.modal-header {
|
||||||
color: $default-text;
|
color: $label-text;
|
||||||
border-top-left-radius: 5px;
|
border-top-left-radius: 5px;
|
||||||
border-top-right-radius: 5px;
|
border-top-right-radius: 5px;
|
||||||
}
|
}
|
||||||
|
@ -76,7 +76,7 @@ $modal-input-border: #e7e7e7;
|
||||||
}
|
}
|
||||||
|
|
||||||
.modal-content .modal-header .modal-title{
|
.modal-content .modal-header .modal-title{
|
||||||
color: $dropdown-text;
|
color: $label-text;
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-modal {
|
.message-modal {
|
||||||
|
@ -105,7 +105,7 @@ $modal-input-border: #e7e7e7;
|
||||||
|
|
||||||
@mixin message-modal-color($color) {
|
@mixin message-modal-color($color) {
|
||||||
.modal-header {
|
.modal-header {
|
||||||
color: $dropdown-text;
|
color: $label-text;
|
||||||
background: $color;
|
background: $color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -357,7 +357,7 @@ a.learn-more {
|
||||||
h1 {
|
h1 {
|
||||||
font-weight: $font-bold;
|
font-weight: $font-bold;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: $default-text;
|
color: $label-text;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
p {
|
p {
|
||||||
|
|
|
@ -109,15 +109,13 @@ button.btn.btn-danger {
|
||||||
|
|
||||||
button.btn.btn-inverse {
|
button.btn.btn-inverse {
|
||||||
@include buttonColor($help-text, $help-text);
|
@include buttonColor($help-text, $help-text);
|
||||||
color: $dropdown-text;
|
color: $label-text;
|
||||||
&:active, &:target, &:hover {
|
&:active, &:target, &:hover {
|
||||||
background-color: $help-text;
|
background-color: $help-text;
|
||||||
color: $dropdown-text;
|
color: $label-text;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.btn-with-icon {
|
.btn-with-icon {
|
||||||
i {
|
i {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
|
|
|
@ -243,25 +243,32 @@ input.search-input {
|
||||||
.table-striped > tbody > tr:nth-of-type(odd) {
|
.table-striped > tbody > tr:nth-of-type(odd) {
|
||||||
background-color: rgba(0, 0, 0, 0.1);
|
background-color: rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
.table > tbody > tr.primary > td {
|
|
||||||
background-color: rgba($primary,0.7);
|
@mixin color-row($color) {
|
||||||
|
background-color: rgba($color, 0.7);
|
||||||
|
color: $label-text;
|
||||||
border: none;
|
border: none;
|
||||||
|
a.email-link {
|
||||||
|
color: $label-text;
|
||||||
|
&:hover {
|
||||||
|
color: $danger;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.table > tbody > tr.primary > td {
|
||||||
|
@include color-row($primary);
|
||||||
}
|
}
|
||||||
.table > tbody > tr.success > td {
|
.table > tbody > tr.success > td {
|
||||||
background-color: rgba($success,0.7);
|
@include color-row($success);
|
||||||
border: none;
|
|
||||||
}
|
}
|
||||||
.table > tbody > tr.warning > td {
|
.table > tbody > tr.warning > td {
|
||||||
background-color: rgba($warning,0.7);
|
@include color-row($warning);
|
||||||
border: none;
|
|
||||||
}
|
}
|
||||||
.table > tbody > tr.danger > td {
|
.table > tbody > tr.danger > td {
|
||||||
background-color: rgba($danger,0.7);
|
@include color-row($danger);
|
||||||
border: none;
|
|
||||||
}
|
}
|
||||||
.table > tbody > tr.info > td {
|
.table > tbody > tr.info > td {
|
||||||
background-color: rgba($info,0.7);
|
@include color-row($info);
|
||||||
border: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.editable-click, a.editable-click {
|
.editable-click, a.editable-click {
|
||||||
|
|
|
@ -9,7 +9,6 @@
|
||||||
height: 260px;
|
height: 260px;
|
||||||
border-top-right-radius: 5px;
|
border-top-right-radius: 5px;
|
||||||
border-top-left-radius: 5px;
|
border-top-left-radius: 5px;
|
||||||
//background: rgba(0, 0, 0, 0.5);
|
|
||||||
.popular-app-img {
|
.popular-app-img {
|
||||||
width: 260px;
|
width: 260px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -46,3 +45,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.blur-theme .panel.popular-app .popular-app-img-container {
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
Loading…
Reference in New Issue