Selector de color de notch / color de interfaz de iOS

Al cambiar el selector de color de la interfaz, las etiquetas meta meta name="theme-color" no se actualizan, lo que a veces provoca un color incorrecto en la muesca del iPhone.

Reproducción (aquí en meta)

  • habilita el selector de color de la interfaz
  • establece el modo del sistema operativo en “Claro”
  • establece el modo del selector de color de la interfaz de Discourse en “Claro”
  • recarga el navegador
  • las etiquetas meta se ven así
<meta name="theme-color" media="all" content="#ffffff">
<meta name="theme-color" media="none" content="#1a1a1a">

lo que hace que la muesca del iPhone tenga el color correcto.

  • cambia el modo del selector de color de la interfaz de Discourse a “Automático”
  • los atributos media para link class="light-scheme" y dark-scheme cambian correctamente
  • las etiquetas meta theme-color permanecen iguales ← malo
  • cambia el modo del sistema operativo a Oscuro
  • el color de la muesca no cambia :scream:
  • actualiza el navegador
  • las etiquetas meta HTML cambian a
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1a1a1a">
1 me gusta

Esto me recuerda a Dark/Light Mode Toggle delivers mixed results when OS settings do not match toggle settings. Quizás sea el mismo error.

No, eso es algo diferente, es un problema en el tema. Publicaré la solución en ese tema.

1 me gusta

MOLASTIA MOLESTA si tienes TOC como yo D: