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:
- Primeiro passo: Comecei definindo o que queria. No caso, um tema agrádevel aos olhos.
- 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.
- 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.
- 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.
- 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!
Obrigado amigo, você é um amigo. Ficou bem bonito e já to usando :)
Muito bom, meus parabéns!
Caso quiserem da uma olhada, veja o theme que criei Aira Theme
Ficou massa,ja quero uma versao para Neovim hahahah.
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.
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
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.