akveo/ngx-admin

Support automatic theme detection from OS using prefers-color-scheme

Open

#5542 aperta il 17 ott 2019

Vedi su GitHub
 (1 commento) (0 reazioni) (0 assegnatari)TypeScript (7916 fork)batch import
enhancementhelp wanted

Metriche repository

Star
 (24.990 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

Issue type

I'm submitting a ... (check one with "x")

  • bug report
  • feature request
  • question about the decisions made in the repository

Issue description

Current behavior:

The default theme loads automatically, despite user OS preferences.

Expected behavior:

By using prefers-color-scheme media query, it would be possible to detect the user OS theme. For example, if my Windows theme is dark, the dark theme of ngx-admin should be loaded. If my Windows theme is light, then the light theme of ngx-admin should be loaded.

This is demo'ed here: https://davidwalsh.name/demo/prefers-color-scheme.php It already has decent browser support: https://caniuse.com/#search=prefers-color-scheme

Steps to reproduce:

Related code:

Other information:

This thread is related: https://github.com/angular/components/issues/16905

npm, node, OS, Browser OS: Windows 10 Browser: Chrome 77

Angular, Nebular

Guida contributor

Direzione di ricerca
Analizza come ngx admin carica attualmente i temi, quindi aggiungi la logica per rilevare le preferenze del sistema operativo tramite window.matchMedia('prefers color scheme') e applicare il tema appropriato.
Tech stack
typescriptangular
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSS media queriesAngular theme system
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75