Just to offer an alternative, I use “Dark Reader” [1] for Chrome which tries to automatically apply a dark theme to websites. It’s not great for most websites (so I keep it as a opt-in per site), but does a really good job with simple sites like lobsters.
For this specific extension, Dark Reader is recommended by Mozilla on AMO. This means it has passed an additional level of security / privacy review beyond what a typical extension receives.
Of course your point is still valid. But if you are a Firefox user who trusts Mozilla more than the Dark Reader dev(s), this may sway your decision.
I know how to do it but I didn’t. Used to use 2-3 extensions with this kind of access.
Now I no longer use them, and simply accept that the web is not as comfortable as I’d like it to be.
This is surprisingly pleasant, nice job! It’s not easy to make a dark mode feel light and airy.
The only constructive feedback I can say is that for me personally, I think the italic font used for the domain (e.g. bert.org in the top link example) is less easy to read than other text. Maybe another font there would be better?
The only thing I modify with fonts is the size of the fonts to be a little smaller (to deal with the header being misaligned when browsing /newest (which is what I usually view)).
The font I use is Misc Fixed, it’s my absolute favorite font.
I have it set to be used in Firefox, and I disable all external/web fonts.
I wouldn’t put any font things in the CSS besides changing the size, I hate tampering with fonts, especially because I hate it when websites or styles mess with my fonts.
Looks like you’ll need some overrides to avoid dark-on-dark problems like at https://lobste.rs/settings . A top-level color: definition in body { } seems to do the trick?
Just to offer an alternative, I use “Dark Reader” [1] for Chrome which tries to automatically apply a dark theme to websites. It’s not great for most websites (so I keep it as a opt-in per site), but does a really good job with simple sites like lobsters.
[1] https://chrome.google.com/webstore/detail/dark-reader/eimadpbcbfnmbkopoojfekhnkhdbieeh?hl=en-US
Just be aware that these kind of extensions get full access to all you see and do on your browser, because they need it in order to function.
Is dark mode a reasonable tradeoff? That’s for you to decide.
For this specific extension, Dark Reader is recommended by Mozilla on AMO. This means it has passed an additional level of security / privacy review beyond what a typical extension receives.
Of course your point is still valid. But if you are a Firefox user who trusts Mozilla more than the Dark Reader dev(s), this may sway your decision.
A workable (IMO) middleground is to just grab (and ideally audit) the source and then load the unpacked extension on individual devices. This dodges the “I made an extension with justifiably broad permissions and am selling it to a party that will do Bad Things with those permissions for a shitload of money” threat.
Yup, but not many people do that.
I know how to do it but I didn’t. Used to use 2-3 extensions with this kind of access. Now I no longer use them, and simply accept that the web is not as comfortable as I’d like it to be.
Dark reader also lets you apply custom styling. So you can take the CSS in this post and copy it in the Dev Tools panel in Dark reader to use it.
I made a dark, monochrome user style for lobsters a while ago. Although, I don’t actually use it anymore.
The contrast on mine isn’t great but it’s nice on my eyes.
This is meant to be a dark (but not too dark), userstyle with color-coded elements.
Such as:
And etcetera, let me know what you guys think!
This is surprisingly pleasant, nice job! It’s not easy to make a dark mode feel light and airy.
The only constructive feedback I can say is that for me personally, I think the italic font used for the domain (e.g. bert.org in the top link example) is less easy to read than other text. Maybe another font there would be better?
Thank you! Though… doesn’t the website do that?
The only thing I modify with fonts is the size of the fonts to be a little smaller (to deal with the header being misaligned when browsing
/newest(which is what I usually view)).I think it does.
It’s defined here (according to firefox dev tools):
I love it.
What’s the font? I didn’t see it specified in the CSS and it looks different. Maybe it’s just my eyes though.
The font I use is Misc Fixed, it’s my absolute favorite font.
I have it set to be used in Firefox, and I disable all external/web fonts.
I wouldn’t put any font things in the CSS besides changing the size, I hate tampering with fonts, especially because I hate it when websites or styles mess with my fonts.
Looks like you’ll need some overrides to avoid dark-on-dark problems like at https://lobste.rs/settings . A top-level
color:definition inbody { }seems to do the trick?Ah, I forgot to check the setting page :/
How does this look? Screenshot of settings page.
What are people using for managing userstyles nowadays?
I’ll stick with the light mode.