¿Cómo mantienen las extensiones de Chrome las superposiciones sincronizadas con el modo claro y oscuro?
YuzuLingo · 1 nov 2026
Las extensiones de Chrome mantienen las superposiciones sincronizadas tratando los colores de tema como tokens en vivo y notificando a cada superficie inyectada cuando cambian el modo claro u oscuro. Las barras de herramientas, ventanas emergentes de diccionarios, contornos de máscaras y resaltados de CSS se repintan en su lugar en lugar de esperar una actualización de página.
Por qué la interfaz de usuario de scripts de contenido es incómoda para el tema
Las superposiciones viven dentro de páginas que la extensión no posee. Los estilos pueden estar en una raíz de sombra, una barra de herramientas flotante o un registro de resaltado de CSS. Una pintura única en el momento de la inyección congela la paleta incorrecta si el aprendiz cambia el tema del navegador o del sitio más tarde.
Tokens centrales en lugar de valores hexadecimales dispersos
Un solo objeto de color de interfaz de usuario contiene acento, superficie, texto atenuado y rellenos suaves para el tema activo. Aplicar un tema muta esos tokens una vez. Los sitios de llamada leen del objeto en el momento de la pintura, por lo que nunca codifican en duro un negro de modo claro en una ventana emergente de modo oscuro.
Repintar impulsado por suscriptores
Cada superposición de larga duración se registra para cambios de tema. Al notificar, la barra de herramientas reaplica el chrome raíz, la ventana emergente del diccionario redibuja su última tarjeta, el CSS de resaltado de desplazamiento se regenera y el chrome OCR vacío o en carga se actualiza. Los contornos de máscara se actualizan para que los bordes de la región coincidan con el nuevo contraste.
Separar los colores del chrome de la interfaz de usuario de los colores del texto de los subtítulos
El chrome de la interfaz de usuario debe seguir el modo claro y oscuro. El texto de subtítulos reconocido a menudo se encuentra sobre una máscara oscura y necesita una tinta clara fija para que los aprendices puedan leerlo en cualquiera de los temas. Vincular el color del texto de OCR al token del tema es un error común que hace que nuevas regiones se vean negras sobre negro hasta que alguien anule el color manualmente.
Lo que significa “totalmente tematizado” en la práctica
Un pase completo incluye estados de chip activos, rellenos suaves de acento, resaltados de contexto de oraciones en la ventana emergente y líneas de estado como carga de reconocimiento. Si alguno de esos aún necesita una actualización, la suscripción de tema perdió esa superficie.
