/* 
@project: Dark theme for fileshelter(https://github.com/epoupon/fileshelter)
@author: brammp
*/

@media (prefers-color-scheme: dark) {
    h1, .card-header{
        color: white !important;
    }
    h2, p, label, .panel-heading {
        color: #bbc0ca !important;
    }
    body {
        background-color: #383c4a;
    }
    .navbar {
        background-color: #2a2e3a !important;
        border-color: #454a57 !important;
    }
    .well, .form-control, .form-control:focus , .card-body {
        background-color: #292d39;
        border-color: #454a57;
        color: #d5dbe6;
    }
    .panel-default,.modal-content {
        background-color: #303440;
        border-color: #454a57;
        color: #d5dbe6;
    }
    a, .nav-link {
        color: #86acd1;
    }
     .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
        color: #1e70bf;
    }
     a:hover, .nav-link:hover {
        color: #1e70bf;
        background-color: #2a2e3a;
    }
    .Wt-filedropzone {
        background-color: #303440 !important;
    }
    .Wt-filedropzone:hover {
        background-color: #454a57 !important;
    }
    .panel-heading, .card-header,.card {
        background-color: #454a57 !important;
        border-color: #454a57 !important;
    }
    .help-block, .help-block:hover {
        color: #7f8699 !important;
    }
    .navbar-brand{
        color: #609926 !important;
    }
    .Wt-error {
        color: red;
    }
    .modal-footer, .modal-header {
        border-color: #454a57;
    }
    .navbar-toggler-icon {
        filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(7478%) hue-rotate(271deg) brightness(114%) contrast(100%);
    }
}