javascriptecuador / javascriptecuador/web

[MEJORA] Cambiar los colores de los botones. Sección Comunidad

Đang mở
#84 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

enhancement
Ngôn ngữ chính
JavaScript
Star
24
Fork
22
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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í.
image
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.
chrome-capture
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.

.button--secondary {
    color: #f7e018;
    background-color: transparent;
    border-color: #f7e018;
}

.button--secondary:hover {
    color: #737373;
    background-color: #f7e018;
    border-color: #f7e018;
}

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Hướng nghiên cứu

Mở src/components/UI/button/button.module.css và kiểm tra các kiểu mặc định và hover của ba nút Community trên trang Home. Cập nhật màu nút để các nhãn vẫn dễ đọc, với màu cơ sở tối hơn và màu tiêu đề đồng nhất khi hover như mô tả. Hoàn tất có nghĩa là cả ba nút đều khớp với cách hiển thị được đề xuất ở cả hai trạng thái.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
css
Lĩnh vực
design, frontend
Loại issue
Tính năng
Độ khó
1/5
Thời gian dự kiến
Dưới một giờ
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Đặc tả rõ ràng
Mức phù hợp với người mới
48/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.