Here is all the css i have currently in the admin control panel. There are some changes I have made directly to some files. I think these changes are only background color and @brand-primary.
body {
background: #f0f0f0;
color: #888;
}
.shoutbox blockquote {
padding: 5px;
margin: 0px;
font-size: medium;
}
.shoutbox .img-responsive {
max-width: 200px;
}
.shoutbox-content {
height: 250px;
}
.col-xs-12 {
padding-left: 0px;
padding-right: 0px;
}
.navbar-default {
background-color: #dc3522;
}
.navbar-default .navbar-nav>li>a {
color: #FFF;
}
.navbar-default .btn-link {
color: #FFF;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #FFF;
}
.navbar-default .navbar-toggle {
border-color: #FFF;
}
.navbar-default .navbar-toggle:hover {
background-color: #bd2e1d;
}
.row {
margin-left: 0px;
margin-right: 0px;
}
#nprogress .bar {
background: #FFF;
}
#nprogress .spinner-icon {
border-top-color: #FFF;
border-left-color: #FFF;
}
.categories>li, .category>ul>li {
padding: 20px;
background: #FFF;
border: 1px solid #e2e2e2;
margin-bottom: 20px;
-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 3px; overflow: hidden;
}
.categories-title {
display: none;
}
.categories>li .card, .category>ul>li .card {
border-left: 1px solid #e2e2e2;
}
.category>ul>li:not(.unread) h2 a {
color: #dc3522 !important;
}
.category>ul>li:not(.unread) h2 a:hover {
color: #bd2e1d !important;
}
.topic h1 {
display: none;
}
.topic .posts>li {
background: #FFF;
border: 1px solid #e2e2e2;
padding: 20px;
margin-bottom: 20px;
-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 3px;
}
.account .profile {
background: #FFF;
border: 1px solid #e2e2e2;
padding: 20px;
margin-bottom: 20px;
-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 3px;
}
.posts-list {
background: #FFF;
border: 1px solid #e2e2e2;
padding: 20px;
margin-bottom: 20px;
-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 3px;
}
.users-container {
background: #FFF;
border: 1px solid #e2e2e2;
padding: 20px;
margin-bottom: 20px;
-webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 3px;
}
.btn-primary {
background-color: #dc3522;
border-color: #dc3522;
}
.btn-primary:hover {
background-color: #bd2e1d;
border-color: #bd2e1d;
}
.btn-primary:focus {
background-color: #bd2e1d;
border-color: #bd2e1d;
}
.fab {
background-color: #dc3522;
}
a {
color: #dc3522;
}
a:hover {
color: #bd2e1d;
}
.pagination>li>a, .pagination>li>span {
color: #dc3522;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
background-color: #dc3522;
border-color: #dc3522;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
color: #bd2e1d;
}
