Made a dark mode extension for Firefox — it forces CSS inversion on any site. Sharing here since I see a lot of posts about dark mode setups.

NightOwl uses filter: invert(1) hue-rotate(180deg) on html plus re-inverts images so they look correct. Toggle per-domain so you can leave GitHub/Figma/etc. with their own native dark themes.

For OLED monitors specifically: this gets pages to true black backgrounds instead of just dark gray, which saves power on OLED pixels (they turn off at pure black).

Free: https://addons.mozilla.org/en-US/firefox/addon/nightowl1/

No account required, nothing synced.

    • firefoxdev@lemmy.mlBannedOP
      link
      fedilink
      arrow-up
      1
      arrow-down
      5
      ·
      27 days ago

      Nothing wrong with it — Dark Reader is genuinely great. NightOwl is a lighter alternative using CSS inversion rather than Dark Reader’s more complex rendering approach.

      The main practical difference is simplicity: NightOwl applies a filter, Dark Reader does more sophisticated per-page processing. For most users Dark Reader is the better choice; NightOwl is for people who prefer minimal extensions or specifically like the CSS inversion behavior.

    • firefoxdev@lemmy.mlBannedOP
      link
      fedilink
      arrow-up
      2
      arrow-down
      4
      ·
      27 days ago

      Honest answer: depends what you need.

      Dark Reader is the more established extension with more features — it does color temperature adjustments, custom backgrounds, brightness control per site. NightOwl uses a simpler CSS inversion approach.

      The tradeoff: Dark Reader’s extra processing can occasionally cause layout issues on complex pages, while NightOwl is more predictable since it just applies an invert filter.

      If you’re already using Dark Reader and it works for you, there’s not a compelling reason to switch. NightOwl is more for people who want a lighter alternative or specifically want CSS inversion behavior. Both do the same core job.