Ms. Haze’s Shortform

[Ms. Haze]

I’ve been wanting to set LessWrong as my home page for a while but kept avoiding it because the site is so visibly bright.

I looked up ways of viewing the site without hurting my eyes and found https://​​www.greaterwrong.com, but didn’t really like it.

Then I found https://​​github.com/​​lfaucon/​​lessbright, which looked right, but wasn’t technically the real LessWrong site (which meant it couldn’t tell I was logged in, among other things).

But I already use Stylus to apply stylesheet modifications to webpages, so I looked at lessbright’s source code, found the CSS code it used to change the site’s appearance, and applied a modified version of that to a new Stylus style:

html {
	margin: 0px;
	filter: invert(100%);
}
body {
	margin: 0px;
	background-color: black;
}
img, iframe {
	filter: invert(100%);
}
.intercom-lightweight-app, intercom-namespace, div.grecaptcha-badge {
	display: none !important;
}

And now the site looks exactly how I want it!

Just figured I’d share this, in case the site’s excessive brightness annoys anyone else.

EDIT: Fixed image inversion.

[habryka]

Great! For people who are bothered by the brightness, this seems like a decent solution for now. We are thinking about creating styling for a proper dark mode, but really unclear what the timeline on that is atm.

[Ms. Haze]

I’m glad to hear there’s a proper solution planned at some point since mine is somewhat hacky, but I’m not surprised there’s no clear timeline.