cferdinandi / cferdinandi/kelp

Component: Dark/light/system mode toggle

Open
#75 0 comments 0 reactions 0 assignees View on GitHub
enhancement roadmap
Dominant language
JavaScript
Stars
645
Forks
19
PR merge metrics
No merged PRs in 30d

Description

Currently, dark mode and light mode are controlled by listening for a user's system settings or applying a `.kelp-theme-dark` or `.kelp-theme-light` class.

Some users may prefer to provide a button or select menu that explicitly lets users choose between dark/light/system modes.

This web component would add controls that integrate into the existing dark/light mode system and script as an enhancement. User preferences to be stored in localStorage under the `kelp-theme` key.

Contributor guide

Open the contributing guide

Research direction

Start by locating the existing dark/light mode component and script that respond to system settings and the `.kelp-theme-dark` or `.kelp-theme-light` classes. Trace how those controls can expose dark, light, and system choices, then verify that the selected preference is stored under the `kelp-theme` localStorage key and survives a reload.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.