.dark{
.white,
.box{
background-color: lighten( $dark, $color-dk-percent );
}
&.app{
background-color: $dark;
}
}
.black{
.white,
.box{
background-color: lighten( $black, $color-dk-percent );
}
&.app{
background-color: $black;
}
}
.grey{
.white,
.box{
background-color: lighten( $grey, $color-dk-percent );;
}
&.app{
background-color: $grey;
}
}
.dark,
.black,
.grey{
.form-control{
background: transparent;
background-color: rgba(255, 255, 255, 0.1);
color: inherit;
&:focus{
border-color: rgba(255, 255, 255, 0.125);
}
}
.input-group-btn{
.btn{
background-color: rgba(255, 255, 255, 0.1) !important;
color: inherit !important;
}
}
.list-group{
background-color: transparent;
}
}