[data-theme="dark"] body{
    background-color: #1f202a !important;
    color: #eee;
}

[data-theme="dark"] .bg-light {
  background-color: #333 !important;
}

[data-theme="dark"] .bg-white {
  background-color: #000 !important;
}

[data-theme="dark"] .bg-black {
  background-color: #eee !important;
}

[data-theme="dark"] a {
  color: #55b7e4;
}

    [data-theme="dark"] input {
        background-color: #1f202a;
        border-color: white;
        color: white;
    }

    [data-theme="dark"] .btn {
        background-color: #808080;
        border-color: white;
        color: white;
    }

    [data-theme="dark"] ::-webkit-input-placeholder { /* Chrome */
        color: white;
    }

    [data-theme="dark"] :-ms-input-placeholder { /* IE 10+ */
        color: white;
    }

    [data-theme="dark"] ::-moz-placeholder { /* Firefox 19+ */
        color: white;
        opacity: 1;
    }

    [data-theme="dark"] :-moz-placeholder { /* Firefox 4 - 18 */
        color: white;
        opacity: 1;
    }

[data-theme="dark"] .player-div {
    background: #1f202a;
}