Build with inverted colors to support dark mode
Nobody has claimed this yet.
- Dominant language
- CSS
- Stars
- 138
- Forks
- 26
- Avg merge
- 1d 7h
- Merged PRs (30d)
- 3
Description
This might be a nice way of supporting dark mode in Studio: either by automatically supporting an inversion for some color:
```css
.bg-white { background: #FFF; }
@media (prefers-color-scheme: dark) {
.bg-white { background: #000; }
}
```
Or creating additional classes to target what the inversion should be:
```css
@media (prefers-color-scheme: dark) {
.bg-white--dark-mode { background: #FFF; }
}
```
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
The issue names no files, tests, or entry points. Start by locating Assembly’s color classes and existing build or CSS-generation workflow, then compare the proposed prefers-color-scheme approaches with the project’s conventions. Done means a decided dark-mode strategy is implemented consistently and its behavior is verified.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100