Flex Theme
O melhor tema para o seu VS Code
O Flex Theme permite personalizar completamente o visual do seu ambiente de desenvolvimento. Sua funcionalidade de auto-recarregamento torna a experiência de desenvolvimento mais fluida e eficiente.
Flex Theme é conhecido por seu design escuro altamente desenvolvido, oferecendo excelente contraste de cores, como pode ser visto na imagem abaixo.
Para qualquer dúvida, entre em nosso Discord.
Recursos Principais:
Personalização Total: Escolha entre uma ampla variedade de opções de cores e estilos para criar um tema que seja verdadeiramente seu.
Auto-Reload: Reinicie seu VS Code com rapidez e praticidade com apenas um clique.
Funcionalidade para Criadores de Conteúdo: Adicione seu nome à barra de status para uma apresentação mais personalizada.
Como Utilizar:
Instalação:
- Procure por
lucaskawatoko.flexitheme no marketplace do VS Code.
Configuração:
- Use o comando
ctrl + ,, vá em "Extensions" e depois em "Custom Theme Settings" conforme a imagem abaixo.
Customização:
- Explore as opções disponíveis para ajustar o tema de acordo com suas preferências.
Pré-Visualização:
- Documentação das configurações
VS Code Customization Settings
Este documento descreve o que cada configuração de personalização faz no Visual Studio Code.
editor
editor.background: Define a cor de fundo do editor.editor.foreground: Define a cor do texto do editor.editor.selectionBackground: Define a cor de fundo da seleção de texto no editor.
panel
panel.background: Define a cor de fundo do painel.
sideBar.background: Define a cor de fundo da barra lateral.sideBar.foreground: Define a cor do texto da barra lateral.sideBarTitle.foreground: Define a cor do texto do título da barra lateral.sideBar.border: Define a cor da borda da barra lateral.
titleBar
titleBar.activeBackground: Define a cor de fundo da barra de título quando a janela está ativa.titleBar.activeForeground: Define a cor do texto da barra de título quando a janela está ativa.titleBar.inactiveBackground: Define a cor de fundo da barra de título quando a janela está inativa.titleBar.inactiveForeground: Define a cor do texto da barra de título quando a janela está inativa.titleBar.border: Define a cor da borda da barra de título.
tab
tab.activeBackground: Define a cor de fundo da aba ativa.tab.activeForeground: Define a cor do texto da aba ativa.tab.inactiveBackground: Define a cor de fundo das abas inativas.tab.inactiveForeground: Define a cor do texto das abas inativas.tab.border: Define a cor da borda das abas.tab.activeBorderTop: Define a cor da borda superior da aba ativa.
activityBar
activityBar.background: Define a cor de fundo da barra de atividades.activityBar.foreground: Define a cor do texto da barra de atividades.activityBar.border: Define a cor da borda da barra de atividades.
statusBar
statusBar.background: Define a cor de fundo da barra de status.statusBar.foreground: Define a cor do texto da barra de status.statusBar.noFolderBackground: Define a cor de fundo da barra de status quando nenhum diretório está aberto.statusBar.debuggingBackground: Define a cor de fundo da barra de status durante a depuração.statusBar.debuggingForeground: Define a cor do texto da barra de status durante a depuração.
gitDecoration
gitDecoration.addedResourceForeground: Define a cor dos recursos adicionados.gitDecoration.modifiedResourceForeground: Define a cor dos recursos modificados.gitDecoration.deletedResourceForeground: Define a cor dos recursos deletados.gitDecoration.untrackedResourceForeground: Define a cor dos recursos não rastreados.gitDecoration.ignoredResourceForeground: Define a cor dos recursos ignorados.
editorIndentGuide
editorIndentGuide.background1: Define a cor de fundo do guia de indentação do editor (nível 1).editorIndentGuide.background2: Define a cor de fundo do guia de indentação do editor (nível 2).editorIndentGuide.background3: Define a cor de fundo do guia de indentação do editor (nível 3).editorIndentGuide.background4: Define a cor de fundo do guia de indentação do editor (nível 4).editorIndentGuide.activeBackground1: Define a cor de fundo ativa do guia de indentação do editor (nível 1).editorIndentGuide.activeBackground2: Define a cor de fundo ativa do guia de indentação do editor (nível 2).editorIndentGuide.activeBackground3: Define a cor de fundo ativa do guia de indentação do editor (nível 3).editorIndentGuide.activeBackground4: Define a cor de fundo ativa do guia de indentação do editor (nível 4).
terminal
terminal.background: Define a cor de fundo do terminal.terminal.foreground: Define a cor do texto do terminal.terminalCursor.background: Define a cor de fundo do cursor do terminal.terminalCursor.foreground: Define a cor do cursor do terminal.terminal.ansiBlack: Define a cor ANSI preta no terminal.terminal.ansiRed: Define a cor ANSI vermelha no terminal.terminal.ansiGreen: Define a cor ANSI verde no terminal.terminal.ansiYellow: Define a cor ANSI amarela no terminal.terminal.ansiBlue: Define a cor ANSI azul no terminal.terminal.ansiMagenta: Define a cor ANSI magenta no terminal.terminal.ansiCyan: Define a cor ANSI ciano no terminal.terminal.ansiWhite: Define a cor ANSI branca no terminal.terminal.ansiBrightBlack: Define a cor ANSI preta brilhante no terminal.terminal.ansiBrightRed: Define a cor ANSI vermelha brilhante no terminal.terminal.ansiBrightGreen: Define a cor ANSI verde brilhante no terminal.terminal.ansiBrightYellow: Define a cor ANSI amarela brilhante no terminal.terminal.ansiBrightBlue: Define a cor ANSI azul brilhante no terminal.terminal.ansiBrightMagenta: Define a cor ANSI magenta brilhante no terminal.terminal.ansiBrightCyan: Define a cor ANSI ciano brilhante no terminal.terminal.ansiBrightWhite: Define a cor ANSI branca brilhante no terminal.
debugToolBar.background: Define a cor de fundo da barra de ferramentas de depuração.
debugConsole
debugConsole.infoForeground: Define a cor do texto de informações na console de depuração.debugConsole.warningForeground: Define a cor do texto de avisos na console de depuração.debugConsole.errorForeground: Define a cor do texto de erros na console de depuração.
notification
notification.background: Define a cor de fundo das notificações.notification.foreground: Define a cor do texto das notificações.notification.buttonBackground: Define a cor de fundo dos botões de notificação.notification.buttonForeground: Define a cor do texto dos botões de notificação.notification.buttonHoverBackground: Define a cor de fundo dos botões de notificação ao passar o mouse sobre eles.
editorBracketMatch
editorBracketMatch.background: Define a cor de fundo do realce de correspondência de colchetes no editor.editorBracketMatch.border: Define a cor da borda do realce de correspondência de colchetes no editor.
editorGutter
editorGutter.background: Define a cor de fundo da calha do editor.editorGutter.modifiedBackground: Define a cor de fundo dos indicadores de modificação na calha do editor.editorGutter.addedBackground: Define a cor de fundo dos indicadores de adição na calha do editor.editorGutter.deletedBackground: Define a cor de fundo dos indicadores de exclusão na calha do editor.
scrollbarSlider.background: Define a cor de fundo do controle deslizante da barra de rolagem.scrollbarSlider.hoverBackground: Define a cor de fundo do controle deslizante da barra de rolagem ao passar o mouse sobre ele.scrollbarSlider.activeBackground: Define a cor de fundo do controle deslizante da barra de rolagem quando ativo.
Deseja estar sempre por dentro das últimas atualizações, novidades e aprimoramentos do nosso projeto? Junte-se à nossa vibrante comunidade no Discord!
No servidor, você terá acesso a:
- Anúncios em Primeira Mão: Fique sabendo das atualizações antes de todos.
- Suporte em Tempo Real: Resolva suas dúvidas rapidamente com a ajuda da comunidade.
- Discussões e Feedback: Participe de debates e dê suas sugestões para melhorar ainda mais o projeto.
✨ Clique no link abaixo e faça parte da nossa comunidade! ✨
Estamos empolgados para tê-lo conosco. Até breve no Discord!
