pyfedi/app/templates/themes/trans/styles.css

: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;
}

body {
    background-color: #5ccffb;
}
[data-bs-theme="dark"] body {
    background-color: #36b2dd;
}

div.navbar, footer {
    background-color: #f5a8b8;
}

[data-bs-theme="dark"] div.navbar, footer {
    background-color: #cd8393;
}

.side_pane .card {
    --bs-card-bg: #f5a8b8;
}

[data-bs-theme="dark"] .side_pane .card {
    --bs-card-bg: #cd8393;
}

.text-muted {
    color: #ffe2f2;
}
.btn-primary {
    --bs-btn-bg: #f5a8b8;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-bg: #f8c9b9;
}

[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;
}

[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 #5ccffb;
}
[data-bs-theme="dark"] .main_pane, [data-bs-theme="dark"] .voting_buttons div {
    border: solid 1px #eee;
}

div.navbar {
    border-bottom: solid 1px #5ccffb;
}
[data-bs-theme="dark"] div.navbar {
    border-bottom: solid 1px #fff;
}

.nav-link {
    color: black;
}
[data-bs-theme="dark"] .nav-link {
    color: white;
}

.list-group {
    --bs-list-group-bg: inherit;
}

.nav-link .red {
    color: white;
}

.dropdown-menu {
    --bs-dropdown-bg: #f5a8b8;
}

.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;
}