this post was submitted on 18 Sep 2023
59 points (96.8% liked)

Firefox

17301 readers
91 users here now

A place to discuss the news and latest developments on the open-source browser Firefox

founded 4 years ago
MODERATORS
 

In terms of the most balanced in speed, consistency in page rendering and good default settings, is there a clear winner?

Personally I've been using both Dark Reader and Midnight Lizard on different devices and I can't say I noticed much of a difference in terms of performance, what I did notice is that Dark Reader seems to have better defaults, but many complain that it slows down page loading a ton, I haven't heard the same about Midnight Lizard, but maybe that is by virtue that it has way way fewer installations and therefore fewer people talking about it.
Do you know if I've missed one and there is a totally different extension that does even better than both?

all 21 comments
sorted by: hot top controversial new old
[–] [email protected] 28 points 1 year ago (3 children)
[–] [email protected] 2 points 1 year ago

Flawless. Works so smoothly that I have forgotten I use it.

[–] [email protected] 2 points 1 year ago (2 children)

is dark reader regularly pinging home?

[–] [email protected] 10 points 1 year ago

Really? Never heard about that, though I had my suspicion something fishy might have been going on with all those sponsors piling up on their website, I'd like to see a source for that though, after all the extension is still open source

[–] Lightning66 1 points 1 year ago (1 children)

Yes it think it is.

I have a nextdns set up. And I see dark reader phoning home regularly. 1000056591

[–] drudoo 8 points 1 year ago

That picture isn’t loading.

[–] [email protected] 10 points 1 year ago* (last edited 1 year ago) (3 children)

I made my own with Stylus. At its simplest it's 2 lines of CSS which pales in comparison to what Dark Reader is going with, and then I have one section for exempted websites, and two sections for websites I use a lot that needed specific small fixes. It uses basically no resources, and doesn't slow anything down.

The one downside is that because it uses CSS filters, some colors become less brilliant. This is a known flaw with how CSS calculates colors for hue-rotate.

Pasted in a comment below.

[–] 0110010001100010 8 points 1 year ago

Super-interested in this! Dark reader is great, but there is a pretty substantial performance impact which is why I ultimately removed it.

[–] [email protected] 5 points 1 year ago (1 children)

Install Stylus > Write New Style > Import and then copy/paste this in. Keep in mind that I removed a lot of my specific tweaks for sites I use, because that's PII. You will encounter many more weird issues on random sites than you do with DarkReader, but if you're used to working with userCSS you'll probably have no issues fixing those. The way this essentially works is by inverting your entire browser screen, then rotating the hue so the colours of website themes aren't weird, then it inverts images back to normal. I'm sure there is a way to do this without inverting the images in the first place, but it would involve one hell of a lot more code than this. I wrote this originally in about 3 minutes.

html, iframe {
    filter: invert(1) hue-rotate(180deg);
}

img, div[background-image], div[style*="background-image"], video  {
    filter: invert(1) hue-rotate(180deg);
}

@-moz-document domain("lemmy.ml"), domain("ultimate-guitar.com"), domain("open.spotify.com"), domain("discord.com"), domain("localhost") {
/* Exemptions for sites that already have a dark mode */

html, iframe {
    filter: none;
}

img, div[background-image], div[style*="background-image"], video  {
    filter: none;
}
}

@-moz-document domain("youtube.com") {
#movie_player {
    filter: invert(1) hue-rotate(180deg);
}

video {
    filter: none;
}
}

@-moz-document url-prefix("https://www.google.com/maps") {
div[aria-label="Street View"] canvas, div[aria-label="Photo"] canvas, button[data-photo-index] {
    filter: invert(1) hue-rotate(180deg);
}

div[role="img"] {
    filter: none;
}
}
[–] [email protected] 2 points 1 year ago

Thanks I hate CSS

[–] [email protected] 4 points 1 year ago (1 children)

That sounds cool, I'm curious to try that!

[–] joat_mon 1 points 1 year ago

Yeah I'd love to try this as well!

[–] [email protected] 4 points 1 year ago

I use one called Dark Background and Light Text.

[–] [email protected] 3 points 1 year ago (3 children)

Is it possible to go dark without extensions? I switched from Chrome to FF in Android because they got rid of that native feature... but I feel Dark Reader slows down my navigation.

[–] pm_me_your_titties 5 points 1 year ago* (last edited 1 year ago) (1 children)

Try Samsung Browser. It has a fantastic built in dark mode. I use it even on my non Samsung devices.

[–] [email protected] 3 points 1 year ago (1 children)

If it is based in Chrome and used the flags to achieve it I think newer versions won't ship it... unless they have their own method... (I think Cromite or Vivaldi has it), does Samsung browser have a desktop client? That would be a must to me too.

[–] pm_me_your_titties 2 points 1 year ago

It is based on Chromium, but its dark mode is different. And better.

No desktop client though.

[–] [email protected] 3 points 1 year ago

On mobile I don't think there's any other way, on desktop you can use the crude background/foreground color changer in the settings. I think only Chromium implemented an embedded dark mode as of today

[–] [email protected] 2 points 1 year ago (1 children)

@kratoz29
Is your Android phone on dark mode ? If so, Firefox will be on dark mode too.

If it's for the PDF, can't say, I don't think even Foxit Reader can transform PDF documents i'to dark mode ones on the fly (haven't tried on fact).
@QuazarOmega

[–] [email protected] 2 points 1 year ago

Yeah, it is in dark mode, but not all webpages support it, that is why the Chrome workaround did, and these nice extensions.