New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

prefer-color-scheme emulator not working in Edge dev tools #44

Open

asalimian opened this issue May 1, 2024 · 1 comment

asalimian commented May 1, 2024 •

edited

Loading

Describe the bug
Trying to debug issues with dark and light themes with browser tools

To Reproduce
Steps to reproduce the behavior:

Go to my.alt-text.org
Open dev tools (ctrl+shift+I)
Open rendering pane, emulate CSS media prefers-color-scheme
or (ctrl+shift+p prefers-color-scheme)
Attempt to switch between light and dark modes

Expected behavior
The webpage should be able to responsively adjust to the theme (main.css supports this).

Screenshots
Using emulate feature

Forcing dark mode only changes some content

Desktop (please complete the following information):

OS: Windows 11
Browser: Edge 124.0.2478.51,
Setting- Overall Appearance: Light

Additional context
This behavior stems from the css being inserted into the root html tag.

Deleting that content allows the prefer-color-scheme emulation to work
prefers-color-scheme: dark

prefers-color-scheme: light

Author

asalimian commented May 1, 2024

Proper emulation is blocked by issue 43

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment