Consider setting color-scheme to opt-out of Chrome Auto Dark Themes
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Aptitud para principiantes
- 38/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- css
- Área
- frontend
Línea de trabajo
Comienza localizando la hoja de estilos global o el punto de entrada de CSS de Assembly, ya que el issue no indica ningún archivo. Revisa las indicaciones de Chrome para excluirse de Auto Dark Theme y, después, verifica que aplicar la configuración propuesta en el nivel raíz evita el oscurecimiento automático cuando no existe un tema oscuro; el issue estará terminado cuando la página opte por no usarlo de forma coherente.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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
- Lenguaje dominante
- CSS
- Estrellas
- 138
- Forks
- 26
- Merge medio
- 13 min
- PR fusionados (30 d)
- 5
Preparar el entorno
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de mapbox/assembly
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 30/100
-
2 architecture enhancement estimate-4 icebox jira-sync-complete needs research p2 p3
Dificultad 5/5 Más de una semana Aptitud para principiantes 35/100
-
dunkagroo estimate-2 jira-sync-complete p2
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
-
2 dunkagroo estimate-2 estimate-4 icebox jira-sync-complete p2
Dificultad 5/5 Más de una semana Aptitud para principiantes 30/100
-
2 estimate-2 icebox jira-sync-complete p2
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
Todos los issues de mapbox/assembly
Issues similares
-
bug good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
amponce/archive-movie-browser#353 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
saayam-for-all/webapp#1870 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
Imageomics/OpenCite#66 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 64/100
chr15m/twiiit.com#20 ·
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100