javascriptecuador / javascriptecuador/web
[MEJORA] Cambiar los colores de los botones. Sección Comunidad
还没有人认领这个 Issue。
- 主要语言
- JavaScript
- 星标
- 24
- 派生
- 22
- PR 合并指标
- 30 天内没有已合并 PR
描述
**Tarea a realizar**
En página Home, en la sección Comunidad actualmente hay tres botones:
- Conocer a la comunidad
- Como ayudar?
- Código de Conducta
La mejora a realizar consiste en cambiar la presentación colorista de los mismos. Tanto los estilos base como los estilos en `hover` de cada botón.
**¿Por qué se realizará?**
El color amarillo no permite visualizar con claridad el titulo de cada botón. En pantallas con brillo alto o intensidad muy fuerte no se visualizará con claridad.
**Recomendaciones**
Actualmente los botones se ven así.

La sugerencia consiste en aplicar colores más oscuros en los estilos base del botón y mantener el color sólido del titulo en `hover`.

Para aplicar esta mejora del código css en `src\components\UI\button\button.module.css`. Se deben reescribir los estilos predeterminados del core css.
```css
.button--secondary {
color: #f7e018;
background-color: transparent;
border-color: #f7e018;
}
.button--secondary:hover {
color: #737373;
background-color: #f7e018;
border-color: #f7e018;
}
```
贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
调研方向
打开 src/components/UI/button/button.module.css,检查 Home 页面上三个 Community 按钮的默认样式和 hover 样式。按照描述更新按钮颜色,使标签保持清晰可读:使用更深的基础颜色,并在 hover 时使用纯色标题颜色。完成的标准是三个按钮在两种状态下都符合建议的呈现效果。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- css
- 领域
- design, frontend
- Issue 类型
- 功能
- 难度
- 1/5
- 预计耗时
- 1 小时以内
- 活跃度
- 停滞
- 描述清晰度
- 描述清楚
- 新手友好度
- 48/100