Dark Mode?

I love that status.cafe looks like pure html, but my eyes don't love the light from the white background. Would it be possible to maybe add a tiny little bit of css when a user checks a dark mode setting, pls?

For the time being i made some css to use with the stylus extension, here it is if anybody's interested:

body {
  color: #fff;
  background-color: #121212;
  color-scheme: dark;
}

.flash {
  background-color: darkgreen;
  color: lightgreen;
}



table, th, td {
  border: 1px solid #1b1b65;
}

tbody {
  background-color: #1a1a1a;
}
.forum {
  background-color: #30290f;
}

thead {
  background-color: #1b1b65;
  color: white;
}

.topic > tbody > tr:nth-child(2n) {
  background-color: #212121;
}

Last edited on 2023-03-25 23:42:55

Wasn't Stylus caught with malware or something? Or am I confused with another extension? Either way, the code looks neat! ^^b

That's Stylish, see this answer on the infosec StackExchange. Stylus is a fork of Stylish without the tracking, and not maintained by an ad company

I want to add something for people who don't know a damn thing about CSS/HTML.

There is this extension for Firefox and Chrome browsers, name of "Dark Reader." It can be toggled to create a "dark mode" for any site, works best on stuff like news sites that are always black text on white screens. It also works on Status Cafe and this forum! I seriously recommend it, browsing the internet doesn't burn my eyes as much anymore.

https://darkreader.org/