Match admin design to frontend colour schene
https://file.properties/host/uZfyNTxQ.png
This commit is contained in:
Rihan // CodeCo
GitHub
parent
3d224993cd
commit
689b0ef056
1 changed files with 297 additions and 0 deletions
|
|
@ -482,3 +482,300 @@ label.control-label > span.field-optional:before {
|
|||
padding: 15px 10px 0;
|
||||
}
|
||||
|
||||
|
||||
/* *******
|
||||
|
||||
> Version v0.8
|
||||
|
||||
******* */
|
||||
|
||||
body {
|
||||
color: #cad1d8;
|
||||
}
|
||||
|
||||
.fixed .main-header {
|
||||
box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
|
||||
}
|
||||
|
||||
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
|
||||
background-color: #181f27;
|
||||
box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08);
|
||||
}
|
||||
|
||||
.skin-blue .main-header .logo {
|
||||
background-color: #1f2933;
|
||||
color: #9aa5b1;
|
||||
}
|
||||
|
||||
.skin-blue .main-header .navbar .sidebar-toggle {
|
||||
color: #9aa5b1;
|
||||
}
|
||||
|
||||
.skin-blue .main-header .navbar .nav>li>a {
|
||||
color: #9aa5b1;
|
||||
}
|
||||
|
||||
.skin-blue .sidebar-menu>li.header {
|
||||
color: #444a5d;
|
||||
background: #0e111582;
|
||||
}
|
||||
|
||||
.skin-blue .main-header .navbar {
|
||||
background-color: #1f2933;
|
||||
}
|
||||
|
||||
.skin-blue .main-header .navbar .sidebar-toggle:hover {
|
||||
background-color: #1c252e;
|
||||
}
|
||||
|
||||
.skin-blue .main-header .logo:hover {
|
||||
background-color: #1c252e;
|
||||
}
|
||||
|
||||
.main-footer {
|
||||
background: #1f2933;
|
||||
color: #9aa5b1;
|
||||
border-top: 1px solid #1f2933;
|
||||
}
|
||||
|
||||
.skin-blue .sidebar-menu>li.active>a {
|
||||
border-left-color: #099aa5;
|
||||
}
|
||||
|
||||
.text-gray {
|
||||
color: #9aa5b1 !important;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
color: #9aa5b1 !important;
|
||||
}
|
||||
|
||||
.content-wrapper {
|
||||
background-color: #33404d;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
background-color: #189a1c;
|
||||
border-color: #0f8513;
|
||||
}
|
||||
|
||||
.btn.btn-green:hover {
|
||||
background-color: #0f8513;
|
||||
border-color: #0e7717;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background-color: #0967d3;
|
||||
border-color: #0550b3;
|
||||
}
|
||||
|
||||
.btn.btn-primary:hover {
|
||||
background-color: #0550b3;
|
||||
border-color: #0345a0;
|
||||
}
|
||||
|
||||
.box {
|
||||
box-shadow: 0 4px 8px 0 rgba(0,0,0,.12), 0 2px 4px 0 rgba(0,0,0,.08) !important;
|
||||
background: #3f4d5a;
|
||||
border-top: 3px solid #1f2933;
|
||||
}
|
||||
|
||||
.box-header {
|
||||
color: #cad1d8;
|
||||
background: #1f2933;
|
||||
}
|
||||
|
||||
.box-header.with-border {
|
||||
border-bottom: 1px solid #1f2933;
|
||||
}
|
||||
|
||||
.box.box-success {
|
||||
border-top-color: #1f2933;
|
||||
}
|
||||
|
||||
.box.box-primary {
|
||||
border-top-color: #1f2933;
|
||||
}
|
||||
|
||||
.box.box-default {
|
||||
border-top-color: #1f2933;
|
||||
}
|
||||
|
||||
.box.box-danger {
|
||||
border-top-color: #1f2933;
|
||||
}
|
||||
|
||||
.box-footer {
|
||||
border-top: 1px solid #4d5b69;
|
||||
background-color: #3f4d5a;
|
||||
}
|
||||
.content-header>.breadcrumb>li>a {
|
||||
color: #cad1d8;
|
||||
}
|
||||
|
||||
.breadcrumb>.active {
|
||||
color: #cad1d8;
|
||||
}
|
||||
|
||||
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
|
||||
color: #cad1d8;
|
||||
}
|
||||
|
||||
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
|
||||
border-top: 1px solid #4d5b69;
|
||||
}
|
||||
|
||||
.table>thead>tr>th {
|
||||
border-bottom: 2px solid #4d5b69;
|
||||
}
|
||||
|
||||
.table-hover>tbody>tr:hover {
|
||||
background-color: #33404d;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #007eff;
|
||||
}
|
||||
|
||||
.nav-tabs-custom {
|
||||
background: #1f2933;
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.nav-tabs>li.active {
|
||||
border-top-color: #099aa5;
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.nav-tabs>li.active>a {
|
||||
border-top-color: transparent;
|
||||
border-left-color: #15161c;
|
||||
border-right-color: #15161c;
|
||||
background: #13181e;
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.nav-tabs>li>a {
|
||||
color: #9aa5b1;
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
|
||||
color: #9aa5b1;
|
||||
}
|
||||
|
||||
input.form-control {
|
||||
padding: .75rem;
|
||||
background-color: #515f6c;
|
||||
border-width: 1px;
|
||||
border-color: #606d7b;
|
||||
border-radius: .25rem;
|
||||
color: #cad1d8;
|
||||
box-shadow: none;
|
||||
-webkit-transition: border .15s linear,box-shaodw .15s ease-in;
|
||||
transition: border .15s linear,box-shaodw .15s ease-in;
|
||||
}
|
||||
|
||||
textarea.form-control {
|
||||
padding: .75rem;
|
||||
background-color: #515f6c;
|
||||
border-width: 1px;
|
||||
border-color: #606d7b;
|
||||
border-radius: .25rem;
|
||||
color: #cad1d8;
|
||||
box-shadow: none;
|
||||
-webkit-transition: border .15s linear,box-shaodw .15s ease-in;
|
||||
transition: border .15s linear,box-shaodw .15s ease-in;
|
||||
}
|
||||
|
||||
.input-group .input-group-addon {
|
||||
border-color: #606d7b;
|
||||
background-color: #515f6c;
|
||||
color: #cad1d8;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
|
||||
border: 1px solid #606d7b;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single {
|
||||
background-color: #515f6c;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--single .select2-selection__rendered {
|
||||
color: #cad1d8;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple {
|
||||
background-color: #515f6c;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-selection--multiple {
|
||||
border: 1px solid #606d7b;
|
||||
border-radius: 0;
|
||||
}
|
||||
code {
|
||||
background-color: #515f6c;
|
||||
color: #999;
|
||||
border: 1px solid rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
.btn-default {
|
||||
background-color: #33404d;
|
||||
color: #cad1d8;
|
||||
border-color: #606d7b;
|
||||
}
|
||||
|
||||
.select2-results__option {
|
||||
background-color: #b5bcc1;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
||||
background-color: #3c8dbc;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
background: #3f4d5a;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
background: #3f4d5a;
|
||||
border-bottom-color: #4d5b69;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
background: #3f4d5a;
|
||||
border-top-color: #4d5b69;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.content-header>.breadcrumb {
|
||||
background: #1f2933 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs-custom>.nav-tabs>li.active>a, .nav-tabs-custom>.nav-tabs>li.active:hover>a {
|
||||
background-color: #101216;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.select2-dropdown {
|
||||
background-color: #515f6c;
|
||||
border: 1px solid #606d7b;
|
||||
}
|
||||
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field {
|
||||
border-color: #d2d6de !important;
|
||||
background-color: #515f6c;
|
||||
}
|
||||
|
||||
.select2-container--default .select2-results__option--highlighted[aria-selected] {
|
||||
background-color: #099aa5;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #099aa5;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0967d3;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue