Files
store_keeping/admin/assets/scss/skins/_orange.scss
2021-12-21 00:25:43 +08:00

195 lines
4.3 KiB
SCSS

$white: #ffffff;
$orange-dark: #380e47 !default;
$orange-darklight: #6f7b7d;
$orange-light: #e8e8e8;
$orange-primary: #feb800 !default;
$orange-secondary: #1a79ee !default;
$ct-series-colors: (
a: #380e47,
b: #feb800,
c: #ffd974,
d: #e4dbc2,
e: #1a79ee,
f: #2ac151,
);
.theme-orange{
::selection {
color: $white;
background: $orange-primary;
}
.page-loader-wrapper{
background: $orange-primary;
}
.navbar-fixed-top {
background: $orange-primary;
.form-control{
border: 0;
}
.icon-menu i{
color: $white;
}
}
.sidebar-nav .metismenu{
>li{
&.active>a{
background: $orange-dark;
color: $white;
i{
color: $white;
}
}
i{
color: $orange-dark;
}
}
a{
color: $orange-dark;
}
a:hover,
a:focus{
background: $orange-primary;
color: $white;
i{
color: $white;
}
}
.has-arrow:after{
color: $orange-light;
}
}
#left-sidebar{
background: $white;
.navbar-brand{
border-color: $orange-light;
span{
color: $orange-primary;
}
}
.user-account{
color: $orange-dark;
.user_div{
border-color: $orange-light;
.user-photo{
border-color: $orange-primary;
}
}
.dropdown-menu{
background: $orange-dark;
a{
color: $orange-light;
&:hover{
color: $orange-primary;
i{
color: $orange-primary;
}
}
}
}
}
}
.fancy-checkbox {
input[type="checkbox"] {
&:checked + span:before {
background: $orange-primary;
border-color: $orange-primary;
}
}
}
.chat-widget {
li {
&.right {
.chat-info {
background: $orange-primary;
color: $white;
&:before{
border-left: 10px solid $orange-primary;
}
}
}
}
}
.right_chat li a:hover{
.media-object {
border-color: $orange-primary;
}
}
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header{
background: $orange-primary;
border-color: $orange-primary;
color:$white;
}
.auth-main{
&:after{
background: $orange-primary;
}
&:before{
background: $orange-dark;
}
}
.wizard{
>.steps{
.current a{
background: $orange-primary;
}
.done a{
background: $orange-darklight;
}
}
.actions a{
background: $orange-dark;
}
}
.maintenance{
background: $orange-primary;
>div{
background: $white;
}
}
.noUi-connect{
background: $orange-primary;
}
.blog-page .single_post .footer .stats li a:hover{
color: $orange-primary;
}
@each $series-name, $series-color in $ct-series-colors {
.ct-series-#{$series-name} {
.ct-line,
.ct-bar,
.ct-point {
stroke: $series-color;
}
.ct-area,
.ct-slice-donut-solid,
.ct-slice-pie,
.ct-bar {
fill: $series-color;
}
}
}
.ct-legend {
$i: 0;
@each $series-name, $series-color in $ct-series-colors {
.ct-series-#{$i}:before {
background-color: $series-color;
border-color: $series-color;
}
$i: $i + 1;
}
}
}