1. Interface e UX

[Tema]

• Problema: Ao alternar entre o tema Dia/Noite, os board-cards não utilizam cores ideais para contraste e leitura.
• Sugestão:
  • Dia: #d3d3d3
  • Noite: #656565
• Observação: As cores sugeridas priorizam contraste adequado para textos claros/escuros.
• Prioridade: P2

[Interatividade]

• Problema: Falta de feedback visual indicando que elementos são clicáveis, dificultando a navegação.
• Sugestão: Aplicar efeitos de hover e mudança de cursor.
• Exemplo CSS:

.opcao-interativa {   cursor: pointer;   transition: all 0.2s ease-in-out; }  .opcao-interativa:hover {   background-color: #f0f0f0;   transform: scale(1.02); }

• Exemplo JavaScript:

const elemento = document.querySelector(".opcao-interativa");  elemento.addEventListener("mouseenter", () => {   elemento.style.backgroundColor = "#f0f0f0"; });  elemento.addEventListener("mouseleave", () => {   elemento.style.backgroundColor = ""; });

• Prioridade: P2

[Elementos clicáveis]

• Problema: Ícones não são clicáveis; apenas o texto da função aciona a ação.