Update Blue-ish Theme
This commit is contained in:
1day2die
parent
a7ef7eb17d
commit
c8c3bff636
1 changed files with 24 additions and 93 deletions
117
public/themes/blue/app.css
vendored
117
public/themes/blue/app.css
vendored
|
|
@ -1,93 +1,24 @@
|
|||
@import "default.css";
|
||||
|
||||
/******************* CUSTOM CSS ********************/
|
||||
|
||||
.layout-fixed .wrapper .sidebar {
|
||||
height: calc(100vh - 3.5rem - 1px);
|
||||
background: radial-gradient(#061b29, black);
|
||||
}
|
||||
|
||||
body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
|
||||
transition: margin-left .3s ease-in-out;
|
||||
margin-left: 250px;
|
||||
background: radial-gradient(#061b29, black);
|
||||
}
|
||||
|
||||
[class*=sidebar-dark] .brand-link, [class*=sidebar-dark] .brand-link .pushmenu {
|
||||
color: hsla(0,0%,100%,.8);
|
||||
background: radial-gradient(#061b29, black);
|
||||
}
|
||||
|
||||
.main-sidebar .brand-text, .main-sidebar .logo-xl, .main-sidebar .logo-xs, .sidebar .nav-link p, .sidebar .user-panel .info {
|
||||
transition: margin-left .3s linear,opacity .3s ease,visibility .3s ease;
|
||||
color: #d3d3d3;
|
||||
}
|
||||
|
||||
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
|
||||
color: #fff;
|
||||
background: radial-gradient(#1b4b61, #fd030300);
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
|
||||
.dark-mode .card {
|
||||
background-color: #00000000;
|
||||
color: #ffffff99;
|
||||
border-width: 3px;
|
||||
border-color: #f7f7f7;
|
||||
border-style: double;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
color: #ffffff;
|
||||
background-color: #b8171700;
|
||||
border-color: #ffffff;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
.btn-warning {
|
||||
color: #ffffff;
|
||||
background-color: #ffc10700;
|
||||
border-color: #ffffff;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
.card-title {
|
||||
float: left;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 400;
|
||||
margin: 0;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.dark-mode .text-muted {
|
||||
color: #ffffff99!important;
|
||||
}
|
||||
|
||||
.dark-mode .list-group-item {
|
||||
background-color: #343a4000;
|
||||
border-color: #ffffff99;
|
||||
}
|
||||
|
||||
.dark-mode .info-box {
|
||||
background-color: #343a4000;
|
||||
color: #fff;
|
||||
border: 3px;
|
||||
border-style: double;
|
||||
border-radius: 15px;
|
||||
border-color: white;
|
||||
}
|
||||
|
||||
label:not(.form-check-label):not(.custom-file-label) {
|
||||
font-weight: 700;
|
||||
color: #ffffffc2;
|
||||
}
|
||||
|
||||
.dark-mode .custom-control-label:before, .dark-mode .custom-file-label, .dark-mode .custom-file-label:after, .dark-mode .custom-select, .dark-mode .form-control, .dark-mode .input-group-text {
|
||||
background-color: #007af400;
|
||||
color: #828282;
|
||||
}
|
||||
|
||||
@import "default.css";.layout-fixed .wrapper .sidebar{ height:calc(100vh - 3.5rem - 1px);background:radial-gradient(#061b29,black);}
|
||||
body:not(.sidebar-mini-md) .content-wrapper,body:not(.sidebar-mini-md) .main-footer,body:not(.sidebar-mini-md) .main-header{ transition:margin-left .3s ease-in-out;margin-left:250px;background:radial-gradient(#061b29,black);}
|
||||
[class*=sidebar-dark] .brand-link,[class*=sidebar-dark] .brand-link .pushmenu{ color:hsla(0,0%,100%,.8);background:radial-gradient(#061b29,black);}
|
||||
.main-sidebar .brand-text,.main-sidebar .logo-xl,.main-sidebar .logo-xs,.sidebar .nav-link p,.sidebar .user-panel .info{ transition:margin-left .3s linear,opacity .3s ease,visibility .3s ease;color:#d3d3d3;}
|
||||
.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active{ color:#fff;background:radial-gradient(#1b4b61,#fd030300);border-radius:50px;}
|
||||
.dark-mode .card{ background-color:#00000000;color:#ffffff99;border-width:3px;border-color:#f7f7f7;border-style:double;border-radius:15px;}
|
||||
.btn-info{ color:#ffffff;background-color:#b8171700;border-color:#ffffff;box-shadow:none;}
|
||||
.btn-warning{ color:#ffffff;background-color:#ffc10700;border-color:#ffffff;box-shadow:none;}
|
||||
.card-title{ float:left;font-size:1.1rem;font-weight:400;margin:0;color:white;}
|
||||
.dark-mode .text-muted{ color:#ffffff99!important;}
|
||||
.dark-mode .list-group-item{ background-color:#343a4000;border-color:#ffffff99;}
|
||||
.dark-mode .info-box{ background-color:#343a4000;color:#fff;border:3px;border-style:double;border-radius:15px;border-color:white;}
|
||||
label:not(.form-check-label):not(.custom-file-label){ font-weight:700;color:#ffffffc2;}
|
||||
.dark-mode .custom-control-label:before,.dark-mode .custom-file-label,.dark-mode .custom-file-label:after,.dark-mode .custom-select,.dark-mode .form-control,.dark-mode .input-group-text{ background-color:#007af400;color:#828282;}
|
||||
.alert-success{ color:#fff;background-color:#28a745;border-color:#ffffff;border-radius:15px;border-style:double;}
|
||||
.dark-mode{ color:#fff;background:radial-gradient(#061b29,black);}
|
||||
.dark-mode .invoice{ background-color:#343a4000;border:3px;border-radius:15px;border-color:white;border:double;}
|
||||
.dark-mode .nav-tabs .nav-item.show .nav-link,.dark-mode .nav-tabs .nav-link.active{ background-color:#ffffff1c;color:#fff;}
|
||||
.slim-crop-area img,.slim-image-editor img,.slim-popover img,.slim img{ background:black;}
|
||||
.dark-mode .callout{ background-color:#00ff0333;}
|
||||
.callout.callout-info{ border-left-color:#00e11d;}
|
||||
.p-3{ padding:1rem!important;background:#04141e;}
|
||||
.small-box>.small-box-footer{ color:hsla(0,0%,100%,.8);display:block;padding:3px 0;position:relative;text-align:center;text-decoration:none;z-index:10;background:#061b29;}
|
||||
.dark-mode .dropdown-menu{ background-color:#061b29;border-color:white;}
|
||||
Loading…
Reference in a new issue