Description

When the website theme is in Light Mode and the Dark Reader extension is enabled (darkening the site), white shadow borders appear around certain UI elements. This issue affects elements such as the language selector in the bottom-left corner and the "Edit this page on GitHub" link on the right sidebar. The borders are unintended and disrupt the intended design of the page.

Steps To Reproduce

1. Set the website theme to Light Mode.
2. Enable the Dark Reader extension in your browser (ensure it's in dark mode).
3. Navigate to any website using the Hextra theme.
4. Observe the white shadow borders appearing around certain UI elements, such as the language selector and the "Edit this page on GitHub" link, on any page.

Expected Behavior

There should be no unwanted white shadow borders when using Light Mode with the Dark Reader extension in dark mode. The UI should appear clean and as intended with no visual distractions.

Actual Behavior

White shadow borders appear around certain UI elements when the website is in Light Mode and Dark Reader is enabled in dark mode.

Environment

• Browser/OS: Chrome and Edge
• Theme Version: v0.9.5

Additional Context

I’ve noticed this issue in both Chrome and Edge. I’m not sure if the problem is with the Dark Reader extension itself or if it's due to incompatibility between the theme and this widely-used extension.

Screenshots