Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Consider setting color-scheme to opt-out of Chrome Auto Dark Themes

Aperta
#1,029 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
38/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
css
Ambito
frontend

Direzione di ricerca

Inizia individuando il foglio di stile globale o il punto di ingresso CSS di Assembly, poiché l’issue non indica alcun file. Esamina le indicazioni di Chrome per rinunciare ad Auto Dark Theme, quindi verifica che l’applicazione dell’impostazione proposta a livello root impedisca l’oscuramento automatico in assenza di un tema scuro esistente; l’issue è completata quando la pagina rinuncia a questo comportamento in modo coerente.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

2 estimate-2 icebox jira-sync-complete p2

Chrome is working on a new auto dark feature:

Chrome 96 introduces an Origin Trial for Auto Dark Themes on Android. With this feature, the browser applies an automatically generated dark theme to light themed sites, when the user has opted into dark themes in the Operating System. Users can opt-out of dark themes by either disabling the option on the OS level or in a specific setting in Chrome.
https://developer.chrome.com/blog/auto-dark-theme/

Since Assembly doesn't currently have a dark-theme (#954), we should consider opting out until we do. Otherwise, we will lose control over how elements are displayed on a user's system if they have dark mode enabled. This could result in poor contrast that renders text difficult to read or UI elements not translating well.

There are a few options to opt out, but I think this option may work best for Assembly:

It is still possible to use this approach to opt-out the entire page from Auto Dark Theme by setting the color-scheme on the :root element:

:root {
 color-scheme: only light;
}

Note: this feature is still being specified, but wanted to get ahead of it
https://bugs.chromium.org/p/chromium/issues/list?q=component:Mobile%3EAutoDarkTheme

Lingua principale
CSS
Stelle
138
Fork
26
Merge medio
13m
PR unite (30g)
5

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di mapbox/assembly

Tutte le issue di mapbox/assembly

Issue simili

Altre issue su Web Dev

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.