mapbox / mapbox/assembly

Build with inverted colors to support dark mode

Open
#954 1 comment 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

2 dunkagroo estimate-2 icebox jira-sync-complete p2 p3
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.