alittlehebrew.com high contrast stylesheet

alittlehebrew.hc.css

* {
    font-family: "FreeSerif", "Times New Roman", "Times", "TimesNewRoman", "Liberation Serif", "Noto Serif Hebrew", serif;
    color: white;
}

header, body, .modal-body {
    background-color: black;
}

textarea, select, input, .selection > *, .select2-results > *, .card, .card > * {
    color: white !important;
    background-color: black !important;
}

.select2-results__option--selected {
    background-color: #333 !important;
}

.select2-results__option--highlighted {
    background-color: #555 !important;
}

.select2-results__option--highlighted .text-muted {
    color: black !important;
}

.select2-results__option--highlighted > * {
    font-weight: 700;
}

.bg-light {
    background-color: black !important;
}

.modal {
    background-color: rgba(0, 0, 0, 0);
}

.modal-content {
    border: 1px solid currentColor;
}

div#transliteration_result, textarea#hebrew_text {
    font-size: 2em;
}

textarea#hebrew_text {
    font-family: Hananiah, serif;
}

.modal-footer {
    padding: 0;
}

.modal-header {
    display: inline-block;
}

.modal-header, .modal-footer {
    background-color: black;
    border-bottom: unset;
    border-top: unset;
}

h5#transliteration_result_modal_label {
    display: none;
}

.active svg {
    filter: invert(100%);
}

.card img {
    background-color: white !important;
}

.btn-close {
    filter: invert(100%);
    padding: 10px;
}

body > main > div > div > div > div:nth-child(3) {
    display: none;
}