Dark MathOverflow by dkolar

/* ==UserStyle==
@name         Dark MathOverflox
@version      20250501.14.32
@namespace    https://userstyles.world/user/Algogole
@description  A dark theme for mathoverflow
@author       Algogole
==/UserStyle== */

@-moz-document url-prefix("https://mathoverflow.net/") {
:root {
    --background-dark: #333;
    --background-light: #444;
    --background-lighter: #555;
    --background-lighterer: #666;
    --separator: #888;
    --text: #DDD;
    --links: #ADD8E6;
}

body {
    background-color: var(--background-dark);
}

div#content {
    background-color: var(--background-dark);
    color: var(--text);
    border-color: var(--separator);
}

a.s-tag {
    background-color: var(--background-lighter);
    border-color: var(--separator);
    color: var(--text);
}

div[id^=question-summary-] {
    border-color: var(--separator);
}

div[id^=question-summary-].s-post-summary__watched {
    background-color: var(--background-light);

    div.s-user-card--info {
        color: var(--text);
    }
}

div.s-post-summary--stats-item,
div.s-post-summary--stats-item.s-post-summary--stats-item__emphasized {
    color: var(--text);
}

div.s-post-summary--content h3.s-post-summary--content-title a.s-link {
    color: var(--links);
}

a.s-btn.is-selected {
    background-color: var(--background-lighter);
}
span.s-btn--text {
    color: var(--text);
}

div[id^=question-summary-].s-post-summary.js-post-summary.s-post-summary__watched div.s-post-summary--content div.s-post-summary--meta div.s-user-card.s-user-card__minimal time.s-user-card--time a.s-link.s-link__muted,
div[id^=question-summary-].s-post-summary.js-post-summary div.s-post-summary--content div.s-post-summary--meta div.s-user-card.s-user-card__minimal time.s-user-card--time a.s-link.s-link__muted {
    color: var(--text);
}

div[id^=question-summary-].s-post-summary.js-post-summary div.s-post-summary--content div.s-post-summary--meta div.s-user-card.s-user-card__minimal div.s-user-card--info div.s-user-card--link a.flex--item {
    color: var(--links);
}

div#sidebar div#recent-badges table tbody tr td a {
    color: var(--links);
}

div#sidebar div#recent-badges table tbody tr td a[class^=badge] {
    color: var(--text);
}


h4#h-recent-tags,
h4#h-recent-badges {
    color: var(--text);
}

a {
    color: var(--links);
}

div.s-sidebarwidget {
    background-color: var(--background-light);
    border-color: var(--separator);

    a.s-sidebarwidget--header a[class*=edit] {
        color: var(--links);
    }

    h2,
    h2.s-sidebarwidget--header {
        color: var(--text);
    }

    ul.s-sidebarwidget--content.s-sidebarwidget__items li.s-sidebarwidget--item a,
    li.s-sidebarwidget--item a.fl1.as-center.wmn0 div.v-truncate2.ow-break-word {
        color: var(--text);
    }
}

footer#footer {
    background-color: #111;

    a {
        color: var(--links);
    }
}

div#mainbar h2.js-bottom-notice.bottom-notice a {
    color: var(--links);
}

/* QUESTION PAGES */
blockquote p {
    color: var(--text);
}

select#answer-sort-dropdown-select-menu {
    background-color: var(--background-lighter);
    color: var(--text);
}

div.js-vote-count {
    color: var(--text) !important;
}

div#question-header h1 a.question-hyperlink {
    color: var(--text);
}

div.post-signature.owner {
    background-color: var(--background-light);

    div.user-info div div.user-action-time {
        color: var(--text);
    }
}

div.comment-text.js-comment-text-and-form div.comment-body.js-comment-edit-hide span.comment-date a.comment-link span {
    color: var(--text);
}

a.comment-user.owner {
    background-color: var(--background-lighter);
}

a.question-hyperlink {
    color: var(--links);
}

a.js-add-link {
    color: var(--links);
}

div.wmd-container {
    background-color: var(--background-light);

    div.wmd-button-bar ul li span {
        color: var(--text);
    }

    textarea.wmd-input {
        background-color: var(--background-lighter);
        color: var(--text);
    }
    div.grippie {
        background-color: var(--background-light);
    }
    div.mdhelp ul {
        background-color: var(--background-light);
    }
}

div#post-editor.post-editor.js-post-editor fieldset div label.s-label {
    color: var(--text);
}

aside.s-notice {
    background-color: var(--background-light);
    color: var(--text);
    border: 2pt solid orange;
}
}