pfostendynamics.com/public/css/darkmode.css

#darkModeImg {
    height: 32px;
    width: 32px
}

header.darkMode {
    background-color: rgba(255, 255, 255, 0.76) !important;
}

body.darkMode {
    background-color: rgb(63, 63, 63) !important;
    color: white !important;
}

.text-shadow.darkMode {
    text-shadow: 1.3px 1.3px #818181 !important;
}

hr.darkMode {
    border-color: rgb(144, 144, 144) !important;
    transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
}

.dropdown-item.darkMode {
    background-color: rgb(56, 56, 56) !important;
    color: white !important;
    transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
}

.dropdown-item.darkMode:hover {
    background-color: rgb(97, 97, 97) !important;
}

.dropdown-menu.darkMode {
    background-color: rgb(56, 56, 56) !important;
    color: white !important;
    border: 1px solid rgba(204, 204, 204, 0.418) !important;
    transition: background 0.4s cubic-bezier(.86,0,.07,1), color 0.4s cubic-bezier(.86,0,.07,1);
}