Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Some presets make Find bar button text hard to see

Abierto
#592 2 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
4/5
Tiempo estimado
3-5 días
Aptitud para principiantes
35/100
Tipo de issue
Error
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
javascript
Área
frontend

Línea de trabajo

Empieza reproduciendo el problema de contraste de la Find bar con los dos preajustes mostrados en las capturas de pantalla del issue y, después, inspecciona cómo se aplican la transparencia de la barra de herramientas y los colores de tema de WebExtension. El trabajo estará terminado cuando el texto del botón de la Find bar siga siendo legible con estos preajustes, ya sea con una corrección confirmada del color del preajuste o con un enfoque documentado a nivel de API.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Priority: ?

Some of the presets use toolbar transparency in such a way that the background image is primarily seen on the toolbar and shown behind text. However, when using such a method, it can cause the Find bar to have weird coloring, causing the button text to become invisible or hard to see. This can be seen in the two presets shown below:

First Preset Toolbar
First Preset Find Bar

Second Preset Toolbar
Second Preset Find Bar

I don't know if there's an easy solution. My ideas are either:

  1. Adjust the preset colors to fix the issue.
  2. Improve the WebExtension colors API to allow coloring the Find bar separately. At that point, we could either add new color fields for the find bar, or we could mix the toolbar and background colors based on transparency to get a Find bar background color, calculating what the EFFECTIVE toolbar color is (what the user would see the color as, assuming no background): tinycolor.mix(toolbarColor, bgColor, toolbarAlpha)
Lenguaje dominante
JavaScript
Estrellas
506
Forks
100
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de mozilla/FirefoxColor

Todos los issues de mozilla/FirefoxColor

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.