:root { --bs-link-color: black; --bs-link-color-rgb: black; --bs-link-hover-color-rgb: #333; } [data-bs-theme="dark"] { --bs-body-bg: black; --bs-link-color: white; --bs-link-color-rgb: white; --bs-link-hover-color-rgb: #eee; --bs-heading-color: white; --bs-body-color: white; --bs-body-color-rgb: white; } .btn-primary { --bs-btn-bg: black; --bs-btn-border-color: black; --bs-btn-hover-bg: #333; } [data-bs-theme="dark"] .btn-primary { --bs-btn-bg: white; --bs-btn-border-color: white; --bs-btn-hover-bg: white; --bs-btn-color: black; } [data-bs-theme="dark"] .btn-primary:hover { --bs-btn-hover-color: black; } .btn-outline-secondary { --bs-btn-color: black; } [data-bs-theme="dark"] .btn-outline-secondary { --bs-btn-color: white; } .post_list .post_teaser { border-bottom: solid 1px black; } [data-bs-theme="dark"] .post_list .post_teaser { border-bottom: solid 1px white; } .domain_link, .domain_link a { color: black; } [data-bs-theme="dark"] .domain_link, [data-bs-theme="dark"] .domain_link a { color: ghostwhite; } .main_pane, .voting_buttons div { border: solid 1px #333; } [data-bs-theme="dark"] .main_pane, [data-bs-theme="dark"] .voting_buttons div { border: solid 1px #eee; } div.navbar { border-bottom: solid 1px #333; } [data-bs-theme="dark"] div.navbar { border-bottom: solid 1px #fff; } .nav-link { color: black; } [data-bs-theme="dark"] .nav-link { color: white; } .card { --bs-card-border-color: #333; } [data-bs-theme="dark"] .card { --bs-card-border-color: #fff; } .coolfieldset.collapsed legend, .coolfieldset legend, .coolfieldset.expanded legend { background-color: white; } [data-bs-theme="dark"] .coolfieldset.collapsed legend, [data-bs-theme="dark"] .coolfieldset legend, [data-bs-theme="dark"] .coolfieldset.expanded legend { background-color: black; }