@media (prefers-color-scheme: light) {
    body {
        color: black !important;
        background-color: #efefef !important;
    }

    #banner-lower {
        background: #dddddd8a !important;
    }

    #timeline-container {
        background: #dddddd8a !important;
        border-top-color: rgba(0, 0, 0, .1) !important;
    }

    #timeline a, .new-homepage-system-title, .new-homepage-link, .home-legacy, .member-card-name, .member-card-prefix, .member-card-prefix code, #navigation-pane *, #mobile-navigation-box-container *, .member-link, .relation-intro, .system-action, #member-banner code, #system-info a {
        color: black !important;
    }

    .timeline-indicator {
        border-right-color: rgba(0, 0, 0, .5) !important;
    }

    .home-legacy-icon, #explicit-modal img {
        filter: invert(1);
    }

    #hpd-legacy, .hpd-item-card {
        background-color: rgba(0, 0, 0, .05) !important;
    }

    .hpd-item-card:hover {
        background-color: rgba(0, 0, 0, .1) !important;
    }

    .hpd-item-card:active {
        background-color: rgba(0, 0, 0, .15) !important;
    }

    #navigation-pane {
        background-color: #ddd !important;
        border-right: 1px solid rgba(0, 0, 0, .1) !important;
    }

    #mobile-navigation {
        background-color: #ddd !important;
        border-top: 1px solid rgba(0, 0, 0, .1) !important;
    }

    .dropdown-icon, #login-link img, .alert, .btn-close, .relation img, .text-danger, .text-success, .form-select, .ck-toolbar, .form-check-input, .system-action img, #member-designs-inner img, .form-control, .list-group-item img {
        filter: none !important;
    }

    #login-link, #pane-header, .pane-group {
        border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
    }

    .pane-group-category {
        background: rgba(0, 0, 0, .025) !important;
        border: 1px solid rgba(0, 0, 0, .05) !important;
    }

    .pane-group-item:hover, .mobile-navigation-item:hover {
        background-color: rgba(0, 0, 0, .05);
    }

    .mobile-navigation-item:active, .mobile-navigation-item.open {
        background-color: rgba(0, 0, 0, .1);
    }

    #mobile-navigation-box-container {
        background-color: rgba(255, 255, 255, .5) !important;
    }

    #page-content a {
        color: #0d6efd;
    }

    #btn-on {
        background: hsl(0, 80%, 75%) !important;
    }

    .modal-backdrop {
        background-color: #fff !important;
    }

    .modal-header, #explicit-modal .modal-header {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .modal-content, #explicit-modal .modal-content {
        background-color: #fff !important;
        border: 1px solid rgba(0,0,0,.2) !important;
    }

    .relation {
        background-color: rgba(0, 0, 0, .05) !important;
    }

    .relation-intro {
        background-color: rgba(0, 0, 0, .025) !important;
        border-right: 1px solid rgba(0, 0, 0, .05) !important;
    }

    .card {
        background-color: #fff !important;
        border: 1px solid rgba(0,0,0,.125) !important;
        color: black;
    }

    .list-group-item {
        color: #212529 !important;
        background-color: #fff !important;
        border-color: rgba(0,0,0,.125) !important;
    }

    .list-group-item-action:focus, .list-group-item-action:hover {
        color: #495057 !important;
        background-color: #f8f9fa !important;
    }

    .btn-outline-light, #page-content .btn-outline-light {
        color: #212529 !important;
        border-color: #212529 !important;
    }

    .btn-outline-light:hover, #page-content .btn-outline-light:hover {
        color: #fff !important;
        background-color: #212529 !important;
        border-color: #212529 !important;
    }

    .btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active, #page-content .btn-outline-light:active {
        color: #fff !important;
        background-color: #212529 !important;
        border-color: #212529 !important;
    }

    .form-control {
        color: #212529 !important;
        background-color: #fff !important;
        background-clip: padding-box !important;
        border: 1px solid #ced4da !important;
    }

    .contact-item {
        background-color: #ddd;
    }

    .contact-method {
        background-color: #ccc;
    }

    .dropdown-menu {
        background-color: #fff !important;
    }

    .dropdown-item {
        color: #212529 !important;
        opacity: 1 !important;
    }

    .dropdown-item:focus, .dropdown-item:hover {
        color: #1e2125 !important;
        background-color: #e9ecef !important;
    }

    .day-gradient {
        color: white;
    }

    #system-banner-inner, #member-banner-inner {
        background: linear-gradient(180deg, rgba(239,239,239,0) 0%, rgba(239,239,239,.25) 50%, rgba(239,239,239,1) 100%) !important;
    }

    #system-page, #member-page {
        background-color: rgba(226,226,226,0.8) !important;
    }

    .system-info-system {
        background-color: rgba(0, 0, 0, .05) !important;
    }

    #system-actions {
        background-color: rgba(0, 0, 0, .025) !important;
    }

    .system-action:hover {
        background: rgba(0, 0, 0, .05) !important;
    }

    #member-designs-inner {
        background-color: rgba(20, 20, 20, .05) !important;
    }

    .btn-dark {
        color: #000 !important;
        background-color: #f8f9fa !important;
        border-color: #f8f9fa !important;
    }

    .btn-dark:hover {
        color: #000 !important;
        background-color: #f9fafb !important;
        border-color: #f9fafb !important;
    }

    .btn-check:active+.btn-dark, .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark:active, .show>.btn-dark.dropdown-toggle {
        color: #000 !important;
        background-color: #f9fafb !important;
        border-color: #f9fafb !important;
    }

    .btn-check:focus+.btn-dark, .btn-dark:focus {
        color: #000 !important;
        background-color: #f9fafb !important;
        border-color: #f9fafb !important;
        box-shadow: 0 0 0 0.25rem rgba(211,212,213,.5) !important;
    }
}