bookwyrm-social/bookwyrm

Automatic Light/Dark Theme from prefers-color-scheme

Open

#2,106 opened on May 11, 2022

View on GitHubContributor guide
 (8 comments) (8 reactions) (0 assignees)Python (326 forks)auto 404
UIenhancementhelp wanted

Repository metrics

Stars
 (2,754 stars)
PR merge metrics
 (PR metrics pending)

Description

The light and dark themes, as they exist currently, are wonderful. However, for those of us who set our theme dynamically, it is frustrating to have to manually adjust the theme in settings whenever the sun (dis)appears.

It would be wonderful if we could add an Automatic (Light/Dark) theme that utilizes either some media queries in CSS for prefers-color-scheme or, if that's not possible, even some client-side JS.

More than happy to help implement this, would just need some pointers as to where to start.

Contributor guide

Research direction
Explore how themes are currently implemented in the codebase, then add a new 'Automatic' theme option that detects the user's system preference via CSS `prefers color scheme` media query and JavaScript where needed. Ensure it integrates with the existing theme switching logic.
Tech stack
pythoncssjavascript
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
HTMLCSSJavaScript
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75