@media (prefers-color-scheme: dark) {
    :root {
        --main-black-1: #000000;
        --main-black-2: #212121;
        --main-black-3: #373737;
        --main-black-4: #3f3f3f;
        --main-black-5: #515151;
        --main-black-6: #656565;
        --main-black-7: #acacac;
        --main-white-1: #fff;
        --main-white-2: #b9b9b9;
        --main-link-text: #a464ff;
        --main-link-text-hover: #b987ff;
        --main-link: #6200EE;
        --main-link-btn: #8424ff;
        --main-link-btn-hover: #b07af4;
        --main-link-btn-active: #4f04af;
        --btn-opacity-hover: .8;
        --btn-opacity-active: 1;
    }

    body{
        background-color: var(--main-black-1);
    }
    a{
        color: var(--main-link-text);
        text-decoration: none;
    }
    a:hover{
        color: var(--main-link-text-hover);
        text-decoration: none;
    }
    pre{
        background-color: var(--main-black-1);
        border-color: var(--main-black-5);
        color: var(--main-white-1);
    }
    code{
        background-color: var(--main-black-4);
        border-color: var(--main-black-5);
    }
    .btn > .clippy{
        filter: invert(1);
    }
    .btn-primary{
        background-color: var(--main-link-btn);
    }
    .btn-primary:focus,
    .btn-primary:hover{
        background-color: var(--main-link-btn-hover);
    }
    .btn-primary:active{
        background-color: var(--main-link-btn-active);
    }
    .table{
        color: var(--main-white-1);
    }
    .table thead{
        background-color: var(--main-black-4);
    }
    .table tbody{
        background-color: var(--main-black-3);
    }
    .navbar{
        background-color: var(--main-black-2) !important;
    }
    .page-header h1{
        color: var(--main-white-1);
    }
    .page-header{
        border-bottom-color: var(--main-black-5);
    }
    .card{
        background-color: var(--main-black-2);
        color: var(--main-white-1);
    }
    .form-control{
        background-color: var(--main-black-3);
        border-color: var(--main-black-3);
        color: var(--main-white-1);
    }
    .form-control:hover{
        background-color: var(--main-black-5);
        border-color: var(--main-black-5);
    }
    .form-control:focus{
        background-color: var(--main-black-5);
        border-color: var(--main-black-5);
        color: var(--main-white-1);
    }
    .input-group-append > .btn-secondary{
        background-color: var(--main-link-btn);
        border-color: var(--main-link-btn);
        color: var(--main-white-1);
    }
    .input-group-append > .btn-secondary:hover{
        background-color: var(--main-link-btn-hover);
        border-color: var(--main-link-btn-hover);
    }
    .dragdealer .red-bar{
        background-color: var(--main-link-btn)
    }
    .dragdealer{
        background-color: var(--main-black-3);
    }
    .dropdown-menu{
        background-color: var(--main-black-3);
    }
    .dropdown-menu > a{
        color: var(--main-white-1);
    }
    .dropdown-menu > a:hover{
        background-color: var(--main-black-5);
    }
    [style="color:gray;"]{
        color: #b3b3b3 !important;
    }
    [style="color:yellow; background:black;"],
    [style="color:yellow;background:black;"]{
        background-color: var(--main-black-3) !important;
    }
    [style="color:green;"]{
        color: #19cc19 !important;
    }
    [style="color:blue;"]{
        color: #5d8fff !important;
    }
    .gray_ipv6 {
        color: #60c4dc;
    }
    .red_ipv6{
        color: #fd5353;
    }
    .orange_ipv6{
        color: #ffa028;
    }
    .yellow_ipv6{
        color: #c248ff;
    }
    .green_ipv6{
        color: #1cc31c;
    }
    .blue_ipv6{
        color: #428dff;
    }
    .black_ipv6{
        color: #b3b3b3;
    }
}