dgtlmoon / dgtlmoon/changedetection.io

[feature] Make light/dark mode responsive to system theme

Open
#1,293 8 comments 7 reactions 1 assignee Claimed by @tanc View on GitHub
enhancement
Dominant language
Python
Stars
34.1k
Forks
2k
Avg merge
22h 52m
Merged PRs (30d)
70

Description

**Version and OS**
0.40.0.4

**Is your feature request related to a problem? Please describe.**
When I was using changedetection.io, my system theme was Dark, but the website defaulted to its Light theme.

**Describe the solution you'd like**
changedetection.io should always default to the user's system theme. This default can be overridden whenever the user clicks the toggle switch.

**Additional context**
This can be implemented using the [`prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) CSS attribute. [This post](https://www.section.io/engineering-education/watch-for-system-dark-mode-using-js-css) has more implementation examples, though I'm not sure what solution would best fit into the app.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.