Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Dark FocusNew to Visual Studio Code? Get it now.
Dark Focus

Dark Focus

RLOC

|
3 installs
| (0) | Free
Tema Dark de respeito, escuro de alto contraste, desenvolvido para manter o foco no código.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Dark Focus

Tema escuro de alto contraste para o VS Code, feito para manter o foco no código em sessões longas. Interface em camadas de preto suave, sintaxe com poucas cores bem diferenciadas e textos secundários com contraste calculado.

Nome da extensão: Dark Focus (RLOC.dark-focus) · Versão atual: 1.1.0 · Temas: Dark Focus e Dark Focus - Midnight (vs-dark)

ℹ️ Proposta

  • Fundo em preto suave em vez de preto puro, para reduzir cansaço visual e permitir separação entre painéis.
  • Hierarquia clara: código em destaque, interface em segundo plano, comentários e guias discretos mas legíveis.
  • Paleta enxuta: um roxo, um verde dessaturado e um pêssego, além de cinzas. Sem arco-íris de cores.

Paleta real (v1.1.0)

✨ Interface (igual nos dois temas, só muda o acento)

Elemento Cor Uso
Fundo do editor #0F1115 área de código
Sidebar / Activity Bar / Title / Painel #0B0D10 camadas abaixo do editor
Menus / widgets / hover #12151B menus, suggest, hover
Inputs / dropdowns #1A1D24 campos de busca, settings
Bordas e divisórias #23272F separação entre painéis
Texto principal #B2B2B2 editor, sidebar, menus
Texto secundário #7A8090 / #9AA0AE tabs inativas, status bar, breadcrumb
Números de linha #5B6375 discreto, sem competir com o código
Comentários / CodeLens #5F6570 em itálico legível sobre #0F1115
Foco / progresso / borda da tab ativa #9A55FF no Toxic, #3AA88F no Midnight (hover #5AC8AC) foco de teclado, progresso, badge
Botão primário fundo do acento, texto #0F1115 ações principais
Seleção / hover de lista #1A1D24 / #23272F explorer, quick pick
Erro / inválido texto #FFFFFF sobre #F44747 código inválido

🎨 Sintaxe (idêntica nos dois temas)

Elemento Cor
Funções e chamadas #FFBE6E
Strings, constantes e números #9A55FF
Keywords, storage e imports (import, package, from) #73C991 (verde dessaturado)
Pacotes e namespaces (java.util, entity.name.namespace) #8DB9E2 (azul dessaturado)
Tipos e classes (List, entity.name.type, storage.type) #4EC9B0 (ciano)
Pontuação separadora (. do import) #7A8090 discreto
Variáveis, pontuação e texto base #B2B2B2
Comentários #5F6570 em itálico

O tema define 255 cores de interface, 243 regras tokenColors e destaque semântico para function, method, class, type, typeParameter, namespace, keyword, string, number e comment. A variante Midnight tem a mesma sintaxe e os mesmos fundos em camadas; só o acento de UI troca de #9A55FF (Toxic) para teal dessaturado #3AA88F.

ℹ️ Linguagens cobertas

Python, JavaScript/TypeScript (inclui JSX/TSX e template literals), JSON, HTML/CSS/SCSS/Less, Markdown, YAML, Java, PHP (inclui Blade), C/C++/C#, Rust, Go, SQL, além de Diff, Regex e terminais ANSI ajustados ao fundo escuro.

📦 Instalação

  1. Abra VS Code
  2. Abra Extensions
  3. Procure por Dark Focus
  4. Instale
  5. Abra Preferences: Color Theme
  6. Selecione Dark Focus (acento roxo) ou Dark Focus - Midnight (acento teal)

💻 Configurações recomendadas

{
  "editor.semanticHighlighting.enabled": true,
  "editor.bracketPairColorization.enabled": true,
  "editor.guides.bracketPairs": true,
  "workbench.colorTheme": "Dark Focus" // ou "Dark Focus - Midnight"
}

🧬 Estrutura do projeto

.
├── package.json                  # metadados da extensão (nome, versão, contribuição do tema)
├── themes/
│   ├── dark-focus-color-theme.json          # Dark Focus (acento #9A55FF)
│   └── dark-focus-midnight-color-theme.json # Midnight (mesma base, acento #3AA88F)
├── images/
│   └── icon.png
├── releases/
│   ├── Dark-Focus-1.0.0.vsix
│   └── Dark-Focus-1.0.1.vsix
│   └── Dark-Focus-1.0.2.vsix
│   └── Dark-Focus-1.0.3.vsix
├── LICENSE
└── README.md

Histórico

  • 1.1.0 — nova variante Dark Focus - Midnight: mesma sintaxe e fundos em camadas do Toxic, acento de UI teal dessaturado #3AA88F (hover #5AC8AC) no lugar do roxo; corrigidos preto puro, neons, invalid.* sem fundo e scopes inválidos da variante antiga; segundo tema registrado no package.json.
  • 1.0.3 — revisão geral de sintaxe: import vai para verde #73C991, pacotes/namespaces para azul #8DB9E2, tipos/classes para ciano #4EC9B0, ponto do import rebaixado para #7A8090; removido source.java genérico e scope import.storage.java inválido; semântico com namespace/typeParameter.
  • 1.0.1 — correção de legibilidade: comentários e textos secundários saíram do cinza invisível #242424, fundo migrado de #000000 para #0F1115 em camadas, verde neon #3BFF67 dessaturado para #73C991, botões/badges/foco com contraste funcional, scopes inválidos corrigidos e destaque semântico expandido.
  • 1.0.0 — versão inicial.

Licença

Distribuído sob a licença MIT. Veja o arquivo LICENSE.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft