body.dark {
    background-color: #393939;
    color: white;

    a {
        color: lightblue;
    }

    .Hint {
        color: #999;
    }

    .tab {
        background-color: transparent;
    }

    #ZoomIcons, #MoveIcons {
        background-color: rgba(99, 99, 99, 0.8);
    }

    .StormContainer {
        background-color: #292929;
        color: white;
        border-color: rgb(245, 255, 250)
    }
    .StormContainer .storm_id {
        border-color: rgb(245, 255, 250)
    }

    .StormContainer  img, .cardtext img {
        filter: invert(1);
    }
    .city-result {
        background-color: #292929;
    }

    #FooterContent a {
        color:white;
    }

    /* Nearness classes */
    .VeryNear {color: #f93033;}
    .SomewhatNear {color:#FF9900;}
    .BecomingNear {color:#467def;}
    .NotNear {color: #808080;}
}