Skip to content

Dark mode is not recognized by browser extensions like DarkReader #150

Description

@szxzip

(AI generated)

Describe the bug

Even though the theme has a dark mode, browser extensions (such as DarkReader) do not realize the site is already dark. This causes the extension to try and "re-darken" the page, resulting in strange colors or messy visuals. The site needs to signal to the browser and extensions that it already supports dark mode.

Steps to reproduce

  1. Enable Dark Mode on your OS or browser.
  2. Visit a site using this theme.
  3. Use a browser extension like DarkReader.
  4. Observe that the extension fails to detect the existing dark theme and applies redundant filters.

Expected behavior

The theme should be automatically recognized as a dark theme by browsers and extensions to avoid double-processing of colors.

Hugo version

hugo v0.147.7-189453612e4bedc4f27495a7b1145321c8d89807+extended

Configuration

No relative configs in Hugo.

I haven't configured any specific settings for this website within Dark Reader, and Dark Reader correctly detects the dark mode on other websites.

Additional context

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions