.app-bar,
.panel > .heading,
#sidebar,
.sidebar {
    background-color: #282830;
}

    .app-bar .app-bar-divider,
    .app-bar .app-bar-element:hover,
    .app-bar .app-bar-element:active,
    .app-bar .app-bar-menu > li:hover,
    .app-bar .app-bar-menu > li > a:hover,
    .app-bar .app-bar-menu > li:active,
    .app-bar .app-bar-menu > li > a:active,
    .panel > .heading > .icon,
    .sidebar li:hover,
    hr {
        background-color: #FF0022;
    }

    .app-bar .app-bar-menu > li .d-menu {
        border-color: #282830;
    }

.button.primary,
input[type="button"].primary,
input[type="reset"].primary,
input[type="submit"].primary {
    background-color: #FF0022;
    border-color: #FF0022;
}

.login-form,
.panel > .content,
.table tfoot td,
.table tfoot th,
.table thead td,
.table thead th {
    background-color: #282830;
    color: white;
}

.table.hovered tbody tr:hover,
.table.hovered tbody tr:hover td a span.icon{
    background-color: #282830;
    color: #FF0022 !important;
}

.panel > .heading {
    border-bottom: 1px solid #FF0022;
}