body {
    color: #e3e3e3;
}
#options {
    background-color: #121316;
}
#box,
#options {
    background-color: rgba(37, 37, 37, 0.6);
    border: 0.7px solid #434343;
}
#box > .buttons > .confirm > .yes,
#options > .buttons > .button:not([key='cancel']) {
    background-color: #172257;
    border: 1px solid #31386c;
}
#box > .buttons > .confirm > .no,
#options > .buttons > .button[key='cancel'] {
    background-color: #373737;
    border: 1px solid #4c4c4c;
}
.contextMenu {
    background-color: rgba(37, 37, 37, 0.8);
    border: 0.7px solid #434343;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.3);
}
.contextMenu > .items:not(:last-child) {
    border-bottom: 0.7px solid #434343;
}
.contextMenu > .items > .button:hover {
    background-color: #e3e3e3;
    color: #121316;
}
.contextMenu > .items > .button.active {
    background-color: #2836be;
}
.field > label {
    color: #e3e3e3;
}

/* overrides */
.mdtoast {
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0px 7px 12px 2px rgba(0, 0, 0, 0.1);
}