Tema de cores para o Visual Studio Code inspirado nas cores oficiais do Coritiba Football Club — o maior clube do Paraná. Verde e branco na sua tela de desenvolvimento.
Vamos Coxa! 🟢⚪
- Tema Dark — fundo verde escuro (
#0d2818) com interface nas cores do Coritiba - Tema Light — fundo branco com elementos verdes do clube
- Interface completa — barra de status, abas, painel, terminal, sidebar e activity bar todos tematizados
- Sintaxe para 20+ linguagens — cobertura detalhada por linguagem (veja lista abaixo)
- Destaque especial — tipo
anydo TypeScript aparece em vermelho com sublinhado para alertar sobre tipagem fraca - Git decorations — arquivos modificados, adicionados e ignorados com cores distintas
- Debug & Testing — ícones de debug e testing integrados ao tema
- Abra o VS Code
- Vá em Extensions (
Ctrl+Shift+X/Cmd+Shift+X) - Busque por
Coritiba Theme - Clique em Install
code --install-extension DiegoRamosClaumann.coritiba-theme- Baixe o arquivo
.vsixna página de releases - No VS Code:
Ctrl+Shift+P→Extensions: Install from VSIX... - Selecione o arquivo baixado
- Clone o repositório:
git clone https://github.com/dclaumanndeveloper/coritiba-theme.git
- Copie a pasta para o diretório de extensões do VS Code:
- Windows:
%USERPROFILE%\.vscode\extensions\ - macOS / Linux:
~/.vscode/extensions/
- Windows:
- Reinicie o VS Code
Ctrl+Shift+P(ouCmd+Shift+Pno macOS) →Preferences: Color Theme- Selecione Coritiba Theme (escuro) ou Coritiba Light (claro)
| Nome | Hex | Uso |
|---|---|---|
| Verde oficial | #00593f |
Sidebar, status bar, botões primários |
| Verde escuro | #003d2b |
Title bar, tab bar, headers |
| Verde profundo | #0d2818 |
Fundo do editor (tema escuro) |
| Verde médio | #00452f |
Bordas e separadores |
| Verde claro | #4caf50 |
Cursor, badges, gutter de adições |
| Verde suave | #a5d6a7 |
Texto secundário, itens inativos |
| Branco | #ffffff |
Texto ativo, foreground |
| Elemento | Cor |
|---|---|
| Comentários | #6A9955 itálico |
| Palavras-chave | #569CD6 |
| Controle de fluxo | #C586C0 |
| Strings | #CE9178 |
| Números | #B5CEA8 |
| Booleans / null | #569CD6 |
| Variáveis | #9CDCFE |
| Funções | #DCDCAA |
| Classes / tipos | #4EC9B0 |
| Propriedades | #9CDCFE |
Tipo any (TypeScript) |
#FF1744 negrito sublinhado |
| Regex | #D16969 |
Regras de sintaxe detalhadas por linguagem:
| Linguagem | Cobertura |
|---|---|
| JavaScript / JSX | Variáveis, funções, classes, template literals, regex |
| TypeScript / TSX | Tipos, interfaces, generics, decorators, any destacado |
| Python | Imports, tipos, builtins, docstrings, parâmetros |
| Java | Tipos primitivos, classes, anotações, funções |
| Kotlin | Definições, classes |
| C / C++ | Tipos, typedef, struct, preprocessor |
| C# | Tipos, classes, propriedades, atributos |
| Go | Tipos, funções, variáveis de atribuição |
| Rust | Tipos, funções, lifetimes, atributos, use |
| PHP | Variáveis $, funções, classes, $this |
| Ruby | Variáveis de instância/classe, símbolos, interpolação |
| Shell / Bash | Builtins, variáveis, heredocs |
| Markdown | Headings, bold, italic, links, code blocks, blockquotes |
| JSON | Chaves, valores string, valores em arrays |
| YAML | Tags, valores, timestamps, documentos |
| TOML | Chaves, seções |
| SQL | DML/DDL keywords, tabelas, funções, colunas |
| GraphQL | Tipos, fragmentos, variáveis, operações, aliases |
| Dockerfile | Instruções, imagens, variáveis |
| Dart | Tipos primitivos, classes, funções |
| Swift | Tipos, classes, funções |
| Vue / Angular / Svelte | Tags, atributos, componentes, seletores |
| INI / Properties | Definições, seções |
O tipo any no TypeScript aparece em vermelho vivo com sublinhado (#FF1744, negrito+sublinhado) nos dois temas. Isso serve como alerta visual para uso inadequado de tipagem dinâmica, encorajando o uso de tipos explícitos.
// ⚠️ Este tipo aparece destacado em vermelho:
function processData(value: any) { ... }
// ✅ Prefira tipos explícitos:
function processData(value: string | number) { ... }| Workflow | Trigger | Ação |
|---|---|---|
validate.yml |
Push/PR em main |
Valida o pacote .vsix |
release.yml |
Tag v* (ex: v1.1.0) |
Publica no Marketplace + cria release no GitHub |
Para publicar uma nova versão:
- Atualize a versão em
package.jsone emCHANGELOG.md - Commit e crie uma tag:
git tag v1.1.0 && git push origin v1.1.0 - O workflow cuida do resto (requer secret
VSCE_PATconfigurado no repositório)
Contribuições são muito bem-vindas!
- Faça um fork do repositório
- Crie uma branch para sua feature:
git checkout -b feature/minha-melhoria - Faça suas alterações nos arquivos em
themes/ - Teste localmente copiando a pasta para
~/.vscode/extensions/ - Abra um Pull Request com descrição das mudanças
Abra uma issue no GitHub descrevendo:
- Linguagem ou elemento com problema de cor
- Versão do VS Code
- Tema utilizado (escuro ou claro)
- Screenshot se possível
Distribuído sob a licença MIT.
Feito com 💚 para a Nação Alviverde
Vamos Coxa! 🟢⚪