A request for dark mode

It’s under Preferences → Interface.
That said, I had twiddled with Discobot and thus I am both Licenced and Advanced User.

1 Like

One can use the integrated dark mode in Discourse settings, but it looks a bit unfinished, so I did some tweaking with the Stylus extension (make sure to set it only to this host).

:root {
    --header_background: #222;
}

.d-header {
    border-color: #333;
}

.d-header #site-logo {
    filter: invert(100%);
}

.topic-list .main-link a.title {
    color: inherit !important;
}

.custom-footer {
    background: var(--secondary-very-high);
}

.custom-footer .flexbox,
.custom-footer .third-box .social .social-link .d-icon {
    color: var(--secondary-medium);
}

.btn .d-icon,
.nav-pills > li a.active,
.btn-primary, #create-topic {
    color: #fff;
}

.badge-wrapper .badge-category .category-name {
    color: #fff;
    mix-blend-mode: difference;
    font-weight: 700;
}

Also ideas how to make the tag text color more readable on different backgrounds are welcome. :slight_smile:

2 Likes

Perhaps, below page is a clue for admin to enable dark mode in this forum?

2 Likes

I was about to reply to the thread and suggest the same, and I’ve also made a screenshot to illustrate it:

1 Like

It is a bit broken. Check my answer above for а fix through the Stylus extension.

2 Likes

Yeah this forum’s Color Scheme Dark, Dark + @Bundyo 's Stylus extension setting without Dark Reader extension, gave me a nice experience. Thanks.

1 Like