processing / processing/p5.js-web-editor
Apply user's system color-scheme preference as the default site theme
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1.7k
- Forks
- 1.7k
- Avg merge
- 3d 4h
- Merged PRs (30d)
- 8
Description
Increasing access
Brings site up to modern CSS accessibility standards by reducing eye strain.
Most appropriate sub-area of p5.js?
- Accessibility
- Color
- Core/Environment/Rendering
- Data
- DOM
- Events
- Image
- IO
- Math
- Typography
- Utilities
- WebGL
- Build process
- Unit testing
- Internationalization
- Friendly errors
- Other (specify if possible)
Feature enhancement details
CSS media feature is available to detect user's preference:
https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme
If feasible, apply to both the editor and the resource pages. Changing the theme in options overrides the default.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by locating the editor and resource-page theme handling, including the options path that overrides the default, then inspect how the site currently chooses its theme. Apply the prefers-color-scheme default to both pages without replacing an explicit option, and verify the light, dark, and override behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- accessibility, frontend, web-dev
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100