Temas

O Qwen Code suporta uma variedade de temas para personalizar seu esquema de cores e aparência. Você pode alterar o tema de acordo com suas preferências através do comando /theme ou da configuração "theme":.

Temas Disponíveis

O Qwen Code vem com uma seleção de temas predefinidos, que você pode listar usando o comando /theme dentro da CLI:

• Temas Escuros:
  • ANSI
  • Atom One
  • Ayu
  • Default
  • Dracula
  • GitHub
• Temas Claros:
  • ANSI Light
  • Ayu Light
  • Default Light
  • GitHub Light
  • Google Code
  • Xcode

Alterando Temas

1. Digite /theme no Qwen Code.
2. Uma caixa de diálogo ou prompt de seleção aparece, listando os temas disponíveis.
3. Usando as teclas de seta, selecione um tema. Algumas interfaces podem oferecer uma prévia ao vivo ou destaque conforme você seleciona.
4. Confirme sua seleção para aplicar o tema.

Nota: Se um tema estiver definido em seu arquivo settings.json (por nome ou por caminho de arquivo), você deve remover a configuração "theme" do arquivo antes de poder alterar o tema usando o comando /theme.

Persistência de Temas

Os temas selecionados são salvos na configuração do Qwen Code para que sua preferência seja lembrada entre as sessões.

Temas de Cores Personalizados

O Qwen Code permite que você crie seus próprios temas de cores personalizados especificando-os em seu arquivo settings.json. Isso oferece controle total sobre a paleta de cores usada na CLI.

Como Definir um Tema Personalizado

Adicione um bloco customThemes ao seu arquivo settings.json de usuário, projeto ou sistema. Cada tema personalizado é definido como um objeto com um nome único e um conjunto de chaves de cor. Por exemplo:

{
  "ui": {
    "customThemes": {
      "MyCustomTheme": {
        "name": "MyCustomTheme",
        "type": "custom",
        "Background": "#181818",
        ...
      }
    }
  }
}

Chaves de cor:

• Background
• Foreground
• LightBlue
• AccentBlue
• AccentPurple
• AccentCyan
• AccentGreen
• AccentYellow
• AccentRed
• Comment
• Gray
• DiffAdded (opcional, para linhas adicionadas em diffs)
• DiffRemoved (opcional, para linhas removidas em diffs)
• DiffModified (opcional, para linhas modificadas em diffs)

Propriedades obrigatórias:

• name (deve corresponder à chave no objeto customThemes e ser uma string)
• type (deve ser a string "custom")
• Background
• Foreground
• LightBlue
• AccentBlue
• AccentPurple
• AccentCyan
• AccentGreen
• AccentYellow
• AccentRed
• Comment
• Gray

Você pode usar códigos hexadecimais (por exemplo, #FF0000) ou nomes padrão de cores CSS (por exemplo, coral, teal, blue) para qualquer valor de cor. Consulte nomes de cores CSS  para obter uma lista completa de nomes suportados.

Você pode definir vários temas personalizados adicionando mais entradas ao objeto customThemes.

Carregando Temas de um Arquivo

Além de definir temas personalizados em settings.json, você também pode carregar um tema diretamente de um arquivo JSON especificando o caminho do arquivo em seu settings.json. Isso é útil para compartilhar temas ou mantê-los separados da sua configuração principal.

Para carregar um tema de um arquivo, defina a propriedade theme em seu settings.json como o caminho do seu arquivo de tema:

{
  "ui": {
    "theme": "/caminho/para/seu/tema.json"
  }
}

O arquivo de tema deve ser um arquivo JSON válido que siga a mesma estrutura de um tema personalizado definido em settings.json.

Exemplo meu-tema.json:

{
  "name": "Meu Tema de Arquivo",
  "type": "custom",
  "Background": "#282A36",
  "Foreground": "#F8F8F2",
  "LightBlue": "#82AAFF",
  "AccentBlue": "#61AFEF",
  "AccentPurple": "#BD93F9",
  "AccentCyan": "#8BE9FD",
  "AccentGreen": "#50FA7B",
  "AccentYellow": "#F1FA8C",
  "AccentRed": "#FF5555",
  "Comment": "#6272A4",
  "Gray": "#ABB2BF",
  "DiffAdded": "#A6E3A1",
  "DiffRemoved": "#F38BA8",
  "DiffModified": "#89B4FA",
  "GradientColors": ["#4796E4", "#847ACE", "#C3677F"]
}

Nota de Segurança: Para sua segurança, o Gemini CLI só carregará arquivos de tema localizados dentro do seu diretório home. Se você tentar carregar um tema de fora do seu diretório home, um aviso será exibido e o tema não será carregado. Isso serve para prevenir o carregamento de arquivos de tema potencialmente maliciosos de fontes não confiáveis.

Exemplo de Tema Personalizado

Usando Seu Tema Personalizado

• Selecione seu tema personalizado usando o comando /theme no Qwen Code. Seu tema personalizado aparecerá na caixa de diálogo de seleção de temas.
• Ou defina-o como padrão adicionando "theme": "MyCustomTheme" ao objeto ui no seu settings.json.
• Temas personalizados podem ser definidos no nível do usuário, projeto ou sistema e seguem a mesma precedência de configuração que outras configurações.

Visualização de Temas

Tema Escuro	Visualização	Tema Claro	Visualização
ANSI		ANSI Light
Atom OneDark		Ayu Light
Ayu		Default Light
Default		GitHub Light
Dracula		Google Code
GitHub		Xcode