Executando verificação de segurança...
16

Meu tema dark e minimalista para VSCODE

Opa pessoal, tudo bem? Essa é minha primeira postagem aqui no tabnews, então desde já prazer em conhecer vocês 😊

Contextualização

Eu sempre assisti aulas de gringos, o pessoal da rocketseat etc, e os mesmo sempre tinham um vscode MUITO lindo na minha visão. Eu tentava copiar de todo o jeito, mas nunca conseguia deixar exatamente igual. Então eu pensei: "Por quê não criar meu o próprio tema?", e foi basicamente assim que surgiu a ideia rs

Mas como?

Bem, depois desse vislumbre na minha mente, eu decidi criar o meu tema. Mas como?
Eu pesquisei e pesquisei, até que cheguei em uma postagem no Medium, que simplesmente abriu minha mente!

Então, após ter a ideia de como iniciar o projeto, estava na hora de idealizar como eu queria o mesmo.
Em suma, inicialmente eu queria algo inspirado no tema Drácula, pois eu achava as cores de texto bem vividas (por mais que eu já tenha mudado a base das cores), e algumas cores escuras que sejam agrádaveis aos olhos. Simples, direto ao ponto, só sucesso 😄

Passos até a criação

Eu idealizei e dividi o meu projeto em alguns passos:

  1. Primeiro passo: Comecei definindo o que queria. No caso, um tema agrádevel aos olhos.
  2. Experimentos muito macabros: Nesse passo instável e muito perigoso, eu procurei as cores IDEAIS (na minha opinião), que diminuíssem a fádiga ocular, e consequentemente aumentasse meu rendimento.
  3. Construção do tema: Com as cores escolhidas, eu precisava dar aquele boom no tema. E para isso, utilizei as extensões 'Min Theme' e 'Symbols' para moldar melhor a aparência do editor. E para deixar a fonte bem gostosinha, utilizei a 'Fira Code', que foi a cereja que meu bolo precisava.
  4. Testes e mais testes: Essa etapa é auto explicativa, eu passei meu tema para varias pessoas e falei "Olha o tema que achei" como quem não quer nada. Após ouvir a opinião de muitas pessoas diferentes, com opiniões e gostos diferentes, eu novamente modifiquei meu tema.
  5. Compartilhamento para o mundo: Finalmente, depois de várias semanas de muita dor e pesquisa, cheguei no resultado que me deixa muito orgulhoso. E com isso, estou animado para compartilhar com todos vocês 🙃

Enfim, obrigado por terem lido meu primeiro post aqui no tabnews, estou muito feliz por isso 🥰

No link a seguir vocês serão redirecionados para o repositorio do tema no github. Se puderem dar uma estrela, eu serei muito grato!

https://github.com/GuiZeroUm/BlackTheme

2
0
2
1
1
1

Eu estava usando uma configuração que foi manipulado pelo Diego da Rocketseat porem como tenho pouco convivio com o VSCode eu acabei perdendo tempo procurando algumas coisas que já estava habituado no VSCode cnvencional mediante isso eu resolvi restuarar a configuração original, e agora depois deste posto eu vou costumizar o meu VSCode de uma forma que eu não me perca procurando as funcionalidades e ganhe mais agilidade na hora de codar.

1
1
0
1

Sugiro colocar mais prints com linguagens diferentes.
o vscode tem algumas variações de acordo com o símbolo.
Sugiro colocar css, html, sql, python, js e alguma outra liguagem do seu interesse.
Não precisa de ser no começo pra não poluir demais.

0
1

Excelente! Eu tento manter meu vscode nessa pegada mais minimalista e o mais bonito possível, mas meu problema é que enjôo dos temas, aí tenho que ficar alternando kk

vou baixar o seu pra entrar no meu revezamento de temas.

Uma dica, coloca a activity bar (essa barra vertical da esquerda) na position top, ela fica pequena lá em cima e reduz muito a quantidade de informação na tela. Daí se precisar acessar alguma tela usa os atalhos no teclado

Meu vscode está assim atualmente

Você falou da Rocketseat e eu peguei bastante config desse vídeo do Diego, bem legal

1

nunca vi ninguem usando a activity bar desse jeito, vou fazer um teste pra ver se fica bom :]

Eu normalmente inspiro meu vscode e meu padrão de códigos no Diego também, o cara é muito bom