Skip to content

P3: Paleta de cores vibrante com backgrounds distintos para User/AI/Tool #35

Description

@chapzin

Problema

A paleta atual e monocromatica e de baixo contraste. User e AI messages tem cores de texto muito similares (quase branco). Nao ha backgrounds distintos para diferentes tipos de mensagem. Tools sao cinza monotono.

Cores atuais vs Desejadas

Elemento Atual Desejado
User text rgb(245,245,255) quase branco rgb(200,220,255) azul claro
User bg rgb(35,40,50) muito sutil rgb(30,40,60) bloco azulado
AI text rgb(220,220,215) quase branco rgb(200,220,200) verde claro
AI bg nenhum/fundo padrao rgb(25,35,30) bloco esverdeado
Tool text rgb(120,120,120) cinza rgb(200,180,140) amarelo/laranja
Tool bg nenhum rgb(35,30,20) bloco amarronzado
Error text mesmo que tool rgb(255,120,120) vermelho
Dim text rgb(80,80,80) muito escuro rgb(100,100,110)
File path rgb(180,200,255) rgb(130,200,255) azul vibrante
Bash tool rgb(120,120,120) rgb(255,180,80) laranja
Read tool cinza rgb(130,200,255) azul
Write tool cinza rgb(130,255,130) verde
Diff add verde rgb(80,200,80) verde tradicional
Diff del vermelho rgb(220,80,80) vermelho tradicional

O que precisa ser feito

1. Backgrounds por tipo de mensagem

  • User messages: bloco com bg levemente azulado, padding de 1-2 chars
  • AI messages: bloco com bg levemente esverdeado
  • Tool calls: bloco com bg amarronzado, borda fina colorida
  • Tool results: bg similar mas com icone de resultado
  • Error messages: bg avermelhado sutil

2. Cores por categoria de tool

  • Bash/shell: laranja
  • File read: azul
  • File write/edit: verde
  • Network (webfetch, websearch): roxo
  • Browser: rosa
  • Swarm/communicate: ciano
  • Memory: amarelo
  • Todo/task: cinza azulado

3. Alta legibilidade

  • Garantir contraste minimo de 4.5:1 para texto normal
  • Garantir contraste minimo de 3:1 para texto grande
  • Testar em terminais com 16 cores, 256 cores, e truecolor
  • Fallback para 256 cores via rgb_to_xterm256 (ja implementado)

4. File paths clicaveis

  • Cores distintas para arquivos, diretorios, line numbers
  • Arquivo: azul sublinhado
  • Diretorio: azul com trailing /
  • Line number: cinza apos :

5. Suporte a temas claros

  • Garantir que todas as cores funcionem com fundo claro
  • Inverter logica de "dim" para "bright" em light mode

Arquivos a modificar

  • crates/jcode-tui-style/src/theme.rs — expandir paleta
  • src/tui/ui_messages.rs — backgrounds por tipo
  • src/tui/ui_tools.rs — cores por tool
  • src/tui/ui_diff.rs — cores de diff tradicionais

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions