Tema não oficial para VS Code inspirado nas cores da DevMedia - Plataforma para Programadores.
🎯 Sobre
Este tema foi criado por um estudante da DevMedia como iniciativa pessoal, inspirado nas cores e identidade visual da plataforma. Não é um tema oficial da DevMedia.
✨ Características
- 🎨 Duas variações: Dark e Light
- 🌈 Cores baseadas na identidade visual da DevMedia
- 💻 Suporte completo para as principais linguagens:
- HTML & CSS
- JavaScript / TypeScript
- React / React Native / JSX
- Node.js / Express
- Python (com decorators e self)
- Java / Kotlin (com annotations)
- PHP
- SQL / MySQL
- C# / .NET
- Dart / Flutter
- Angular / Vue.js
- Markdown
- JSON
- E muitas outras!
🎨 Paleta de Cores
Tema Dark
Cores Principais:
- Destaque Principal:
#6F9A35 (Verde oliva DevMedia)
- Destaque Secundário:
#C9F31D (Verde-lima)
- Background Editor:
#1F1F1F (Cinza escuro)
- Background Activity Bar:
#1A1A1A (Preto suave)
- Background Sidebar:
#1F2F36 (Azul escuro)
- Texto Principal:
#F6F7FA (Branco suave)
- Status Bar:
#6F9A35 (Verde oliva)
- Azul Cyan:
#13ECFF (Funções e operadores)
- Laranja:
#D7840A (Números e warnings)
- Verde Strings:
#A0F31D (Strings)
Sintaxe:
- Comentários:
#6b7280 (Cinza, itálico)
- Strings:
#A0F31D (Verde claro)
- Números:
#D7840A (Laranja)
- Keywords:
#C9F31D (Verde-lima, negrito)
- Funções:
#13ECFF (Cyan)
- Classes:
#6F9A35 (Verde oliva, negrito)
- Operadores:
#13ECFF (Cyan)
- Propriedades:
#93c5fd (Azul claro)
Tema Light
Cores Principais:
- Destaque Principal:
#6F9A35 (Verde oliva DevMedia)
- Background Editor:
#F0F2F5 (Cinza muito claro)
- Background Activity Bar:
#E8EAEF (Cinza claro)
- Background Sidebar:
#EAECF0 (Cinza claro)
- Texto Principal:
#1F2F36 (Azul escuro)
- Status Bar:
#6F9A35 (Verde oliva)
- Azul:
#0369A1 (Keywords e links)
- Cyan:
#0891B2 (Operadores)
- Laranja:
#D7840A (Classes e números)
Sintaxe:
- Comentários:
#6B7280 (Cinza, itálico)
- Strings:
#16A34A (Verde)
- Números:
#D7840A (Laranja)
- Keywords:
#0369A1 (Azul, negrito)
- Funções:
#6F9A35 (Verde oliva)
- Classes:
#D7840A (Laranja, negrito)
- Operadores:
#0891B2 (Cyan)
- Propriedades:
#0369A1 (Azul)
📸 Screenshots
Example HTML
Example HTML
🛠️ Tecnologias Destacadas
Este tema oferece destaque de sintaxe otimizado para:
Frontend
- HTML, CSS, SCSS/SASS
- JavaScript, TypeScript
- React, Angular, Vue.js
- JSX/TSX
Backend
- Node.js, Express
- Python (com suporte a decorators)
- Java (com suporte a annotations)
- PHP
- C#, .NET
Mobile
- React Native
- Flutter, Dart
- Kotlin
Banco de Dados
Outras Ferramentas
- JSON
- Markdown
- Git (decorações coloridas)
- RegEx
- Docker
🤝 Contribuindo
Contribuições são bem-vindas! Sinta-se à vontade para:
- Fazer fork do projeto
- Criar uma branch para sua feature (
git checkout -b feature/MinhaFeature)
- Commit suas mudanças (
git commit -m 'Add: MinhaFeature')
- Push para a branch (
git push origin feature/MinhaFeature)
- Abrir um Pull Request
Sugestões de Melhorias
- Adicionar mais linguagens
- Melhorar contraste de cores específicas
- Adicionar variações de tema (ex: alto contraste)
- Reportar bugs ou inconsistências
📝 Changelog
Veja o arquivo CHANGELOG.md para detalhes sobre as versões e atualizações.
⚠️ Aviso
Este é um projeto pessoal criado por um estudante da DevMedia. Não é um tema oficial da plataforma DevMedia. Todas as marcas e logos pertencem aos seus respectivos proprietários.
💖 Agradecimentos
- À DevMedia pela excelente plataforma de ensino
- À comunidade de desenvolvedores que contribui para o crescimento da tecnologia no Brasil
- A todos que testaram e deram feedback sobre o tema
🐛 Reportar Problemas
Encontrou um bug ou tem uma sugestão?
- Abra uma issue no GitHub
- Descreva o problema detalhadamente
- Inclua screenshots se possível
- Mencione sua versão do VS Code
Suporte
Reporte issues em:
https://github.com/joaomjbraga/devmedia-theme/issues
| 
Aprenda a Programar de Verdade com DevMedia! 🚀
Se você gostou deste tema, considere deixar uma ⭐ no repositório!
📄 Licença
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
