Temas

O Qwen Code suporta uma variedade de temas para personalizar seu esquema de cores e aparência. Você pode alterar o tema para se adequar às 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 pré-definidos, que você pode listar usando o comando /theme dentro do 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 visualização ao vivo ou destaque enquanto você seleciona.
4. Confirme sua seleção para aplicar o tema.

Observação: Se um tema estiver definido no seu arquivo settings.json (seja 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

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

Temas de Cores Personalizados

O Qwen Code permite que você crie seus próprios temas de cores personalizados especificando-os no seu arquivo settings.json. Isso dá a você controle total sobre a paleta de cores usada no 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 exclusivo e um conjunto de chaves de cores. Por exemplo:

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

Chaves de cores:

• 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 de cores CSS padrão (por exemplo, coral, teal, blue) para qualquer valor de cor. Consulte nomes de cores CSS  para obter a lista completa dos 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 para 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: Por sua segurança, o Gemini CLI só carregará arquivos de tema que estejam 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 evitar 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 tema.
• Ou, defina-o como padrão adicionando "theme": "MyCustomTheme" ao objeto ui em seu settings.json.
• Temas personalizados podem ser definidos no nível de usuário, projeto ou sistema, e seguem a mesma precedência de configuração que outras configurações.

Prévia de Temas

Tema Escuro	Prévia	Tema Claro	Prévia
ANSI		ANSI Light
Atom OneDark		Ayu Light
Ayu		Default Light
Default		GitHub Light
Dracula		Google Code
GitHub		Xcode