body.dark-mode {
    background-color: #121212;
    color: #ffffff;
}

body.dark-mode .navbar, body.dark-mode .card {
    background-color: #333333;
    color: #ffffff;
}

.dark-mode #notes .card {
    color: #212529;
}
body.dark-mode .navbar {
    background-color: #1a1a2e;
    color: #ffffff;
}

body.dark-mode .person-details,
body.dark-mode .timeline-container,
body.dark-mode .timeline-content,
body.dark-mode .weather-data,
body.dark-mode #map-box .mapboxgl-popup-content,
body.dark-mode #map-box .mapboxgl-popup-content .popup-content,
body.dark-mode #person-map .mapboxgl-popup-content,
body.dark-mode #person-map .mapboxgl-popup-content .popup-content {
    background-color: #121212;
    color: #f9f9f9;
}

body #dark-mode-text {
    color: #f9f9f9; 
    background-color: rgba(0, 0, 0, 0.5);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    margin-left: 5px; 
}

body #dark-mode-toggle {
    color: #f9f9f9;
}

body.dark-mode .card-title .person-name,
body.dark-mode .short-description .card-text {
    color:#ffffff;
}

body.dark-mode .timeline-container .card {
    background-color: #333333;
}

body.dark-mode .person-list,
body.dark-mode #panel-content #person-list,
body.dark-mode #side-panel,
body.dark-mode .list-group-item.archive-extra {
    background-color: #121212;
    color: #ffffff;
}

body.dark-mode .suggestions {
    color: #121212;
}

body.dark-mode .news-list {
    background-color: #2c2c2e;
    color: #ffffff;
}

body.dark-mode .news-item {
    background-color: #3a3a3c;
    border-color: #444;
}

body.dark-mode .news-item .text-muted {
    color: #b0b0b0;
}

body.dark-mode .summary {
    color: #ffffff;
}

body.dark-mode .img-thumbnail {
    padding: 0.1em;
}

body.dark-mode .news-box h2 {
    color: #ffffff;
}

body.dark-mode .breadcrumb-item.active {
    color: #FFD580;
}

body.dark-mode .breadcrumb-item a {
    color: #4DA3FF;
}

body.dark-mode #panel-content .person-name {
    color: #00bcd4;
}

body.dark-mode .person-photos .modal-content {
    color: #ffffff;
    background-color: #121212;
}

body.dark-mode #map-box #map .mapboxgl-popup-close-button {
    background-color: #FFD580;
    z-index: 100;
    top: 0;
    right: 0;
}

body.dark-mode .person-list.list-group-item.person-highlighted-case {
    background-color: #121212;
}

body.dark-mode #donation-cta {
    background-color: #121212;
}

body.dark-mode #person-map .mapboxgl-popup-close-button {
    color: #ffffff;
}

body.dark-mode .timeline-container .timeline-content button.btn-link {
    --bs-btn-color: #339af0;
}

body.dark-mode ul.timeline li.timeline-item .timeline-content {
    background-color: #121212;
}

body.dark-mode .modal-content {
    background-color: #121212;
}

body.dark-mode .container.personCarouselContainer {
    background-color: #121212;
}

body.dark-mode .container a.cyan,
body.dark-mode .container b.cyan,
body.dark-mode .container span.cyan,
body.dark-mode .container a.cyan,
body.dark-mode .container .post-content a {
    color: #00bcd4;
}

body.dark-mode input.preview-button {
    color: #ffffff;
}

body.dark-mode a.navbar-brand:hover,
body.dark-mode a.navbar-brand:active {
    color: #33ff99;
}

body.dark-mode .social-share-buttons a {
    color: #00e676; 
}