/* This file is reserved for overriding and extending the template styles. */
html[data-color*="dark"] .nav-container {
    background-image: none !important;
    background-color: #1e1e1e !important;
}
html[data-color*="dark"] .nav-container .logo .img,
html[data-color*="dark"] .nav-container .logo img {
    filter: brightness(0) invert(1); 
}
html[data-color*="dark"] .nav-container .user-container .name {
    color: #e0e0e0 !important;
}
html[data-color*="dark"] #menu .icon {
    color: #e0e0e0 !important;
}
html[data-color*="dark"] #menu a {
    color: #b0b0b0 !important;
}
html[data-color*="dark"] #menu a:hover,
html[data-color*="dark"] #menu a.active {
    color: #fff !important;
}
html[data-color*="dark"] .menu-container .menu li a .label {
    color: #e0e0e0 !important;
}