.body--dark-mode~html {
    background: red;
}

.body--dark-mode.body--ios .select-input {
    background-color: #242424;
}

.body--dark-mode.body--material .select-input {
    background-color: #363636;
}

.body--dark-mode ons-modal.modal {
    background: rgba(0,0,0,0.9);
}

.body--dark-mode ons-alert-dialog .alert-dialog {
    background-color: #111111;
}

.body--dark-mode ons-alert-dialog .alert-dialog-mask {
    background-color: rgb(255 255 255 / 20%);
}

.body--dark-mode ons-alert-dialog .alert-dialog-title {
    color: #fff;
}

.body--dark-mode.body--ios ons-alert-dialog .alert-dialog-button--rowfooter {
    border-top: 1px solid #555555;
}

.body--dark-mode.body--ios ons-alert-dialog .alert-dialog-button--rowfooter:nth-child(2) {
    border-left: 1px solid #555555;
}

.body--dark-mode.body--ios ons-alert-dialog input,
.body--dark-mode.body--ios ons-alert-dialog textarea {
    border-bottom: 1px solid #555555;
}

:checked + .switch--material__toggle > .switch--material__handle {
    background-color: #0076ff;
}

:checked + .switch--material__toggle {
    background-color: rgba(0, 118, 255, .5);
    box-shadow: none;
}

.body--dark-mode .button--material {
    background: #0076ff;
}

.body--dark-mode .alert-dialog-button--material {
    color: #0076ff;
}

.body--dark-mode .ons-status-bar-mock.ios {
    color: white;
}

.button--material:disabled, .button--material[disabled] {
    transition: none;
    box-shadow: none;
    background-color: rgba(176, 176, 176, .74);
    color: #ffffff;
    opacity: 0.5;
}

.body--dark-mode ons-list .list-header.list-header--material {
    border-top: 1px solid #555;
}

.body--dark-mode .text-overlay-shiny {
    color: white;
    text-shadow: -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black, 1px 1px 1px black,
    -2px -2px 1px black, -2px 2px 1px black, 2px -2px 1px black, 2px 2px 1px black,
    0px 0px 4px black;
}

.body--dark-mode .list-item__center:not(.list-item--longdivider__center), .body--dark-mode .list-item__right:not(.list-item--longdivider__right) {
    background-image: linear-gradient(
            0deg
            ,#555,#555 100%);
}

.body--dark-mode ons-list .list-item:last-of-type {
    margin-bottom: 1px;
    border-bottom: 1px solid #555;
    background-image: none;
}

.body--dark-mode ons-list .list-item:last-of-type .list-item__center,
.body--dark-mode ons-list .list-item:last-of-type .list-item__right {
    background-image: none;
}

.body--dark-mode .console-log-item .item-sub {
    color: #ffffff;
}