Vasco da Gama — Cruz de Malta
Tema do VS Code em preto, branco e vermelho, com a Cruz de Malta em 3D.
Projeto de torcedor, não oficial. Não tem ligação com o Club de Regatas Vasco da Gama. O desenho da cruz é original.
O que vem
- Vasco — Cruz de Malta (Escuro): fundo preto, barra de status vermelha, destaque vermelho nas abas e na seleção.
- Vasco — Cruz de Malta (Claro): editor branco, barra lateral preta, mesmo vermelho de destaque.
- Escudo de fundo (padrão): a Cruz de Malta 3D fica centralizada e transparente atrás do código, sem atrapalhar a leitura.
- Duas imagens para o fundo: o escudo do Vasco (padrão) ou o estádio São Januário. O usuário escolhe uma delas.
- Escudo ao lado: painel com a cruz girando em 3D (arraste com o mouse).
Como usar
- Abra a paleta de comandos (
Ctrl+Shift+P), escolha Preferências: Tema de Cor e depois um dos temas Vasco.
- Na primeira vez a extensão pergunta se pode ativar o escudo de fundo e pede para recarregar a janela.
- Para mudar, clique em Vasco na barra de status (ou use Vasco: Configurar o escudo). Dá para escolher a imagem (escudo ou estádio), fundo, ao lado ou desligado, a posição, o tamanho, a transparência e preto e branco.
Como o escudo de fundo funciona
O VS Code não tem recurso oficial para imagem atrás do editor. Por isso a extensão acrescenta um pequeno bloco de estilo ao arquivo workbench.desktop.main.css e acerta o checksum no product.json (sem aviso de "instalação corrompida"). Só muda a aparência.
- Desfazer: comando Vasco: Remover o escudo de fundo (também roda ao desinstalar a extensão).
- Atualizou o VS Code? O escudo se reaplica sozinho e pede para recarregar.
- VS Code instalado para todos os usuários (pasta protegida): abra uma vez como administrador.
- Para desligar, use
vasco.badge.mode = off (ou side para o painel ao lado).
Configurações
| Opção |
Padrão |
O que faz |
vasco.badge.mode |
background |
background (fundo), side (painel ao lado) ou off. |
vasco.badge.image |
crest |
crest (escudo) ou stadium (estádio São Januário). |
vasco.badge.position |
center |
Centro ou um dos quatro cantos. |
vasco.badge.size |
55 |
Altura do escudo em % da altura do editor. |
vasco.badge.opacity |
0.12 |
De 0,02 (quase invisível) a 0,6 (forte). |
vasco.badge.grayscale |
false |
Escudo em preto e branco. |
vasco.showStatusBarItem |
true |
Botão Vasco na barra de status. |
Desenvolvimento
npm install
npm run build # gera imagens, temas e compila
npm test # testes do patcher (numa cópia, nunca na instalação)
npx vsce package # cria o .vsix
scripts/palettes.mjs: as cores dos dois temas (edite aqui, não os JSON).
scripts/cross.mjs: o desenho da cruz em 3D.
src/: a extensão (patcher.ts aplica o fundo, configure.ts é o menu, badgePanel.ts é o painel 3D).
Para testar sem instalar: abra esta pasta no VS Code e aperte F5.
Créditos
A imagem São Januário é um tratamento (recorte, cor, contraste e bordas esfumaçadas) da foto
"Estádio de São Januário",
de Bernardo1989, licenciada sob
CC BY-SA 4.0. Por isso o arquivo media/stadium.webp
segue a mesma licença (CC BY-SA 4.0).
Licença
MIT para o código. A foto tratada em media/stadium.webp é CC BY-SA 4.0 (ver Créditos).