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

@media (prefers-color-scheme: dark) {
    h1{
        color: white !important;
    }
    h2, p, label, .panel-heading {
        color: #bbc0ca !important;
    }
    body {
        background-color: #383c4a;
    }
    .navbar {
        background-color: #2a2e3a;
        border-color: #454a57;
    }
    .well, .form-control {
        background-color: #292d39;
        border-color: #454a57;
        color: #d5dbe6;
    }
    .panel-default,.modal-content {
        background-color: #303440;
        border-color: #454a57;
        color: #d5dbe6;
    }
    a, .navbar-default .navbar-nav > li > a {
        color: #86acd1;
    }
     a:hover, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #1e70bf;
        background-color: #2a2e3a;
    }
    .Wt-filedropzone {
        background-color: #303440 !important;
    }
    .Wt-filedropzone:hover {
        background-color: #454a57 !important;
    }
    .panel-heading {
        background-color: #454a57 !important;
        border-color: #454a57 !important;
    }
    .help-block, .help-block:hover {
        color: #7f8699 !important;
    }
    .navbar-brand{
        color: #609926 !important;
    }
    .btn-default {
        color: white;
        background-color: #353846;
        border-color: #555763;
    }
    .btn-default:hover, .btn-default:active, .btn-default:focus {
        color: white;
        background-color: #3d404c;
        border-color: #5b5f68;
    }
    .Wt-error {
        color: red;
    }
    .modal-footer, .modal-header {
        border-color: #454a57;
    }
}