Tips & Tricks

Os 10 Melhores Temas do WebStorm

Read this post in other languages:

É importante que você se sinta confortável no seu IDE. Felizmente, o WebStorm tem muitas opções de personalização e você pode configurá-lo como quiser. Uma das maneiras de se fazer isso é mudando o tema que você usa. Isso altera o aspecto do IDE. Nesta postagem do blog, reunimos alguns dos temas favoritos da nossa equipe para você usar.

Todos os temas mencionados nesta postagem ou já estão disponíveis como padrão, ou então podem ser instalados de graça diretamente a partir do seu IDE.

  1. Vá até Preferences / Settings | Plugins, encontre o plug-in do tema que você deseja usar e instale-o. Ele será automaticamente aplicado ao seu IDE. Você pode limitar a pesquisa de plug-ins para mostrar apenas os temas, adicionando /tag:Theme ao campo Search.
  2. Para alterar o tema a qualquer momento, vá até Preferences / Settings | Appearance & Behavior | Appearance e selecione o tema que você deseja usar no menu suspenso Theme. Uma alternativa ainda melhor é usar o atalho ^` (macOS) ou Ctrl+` (Windows e Linux) para abrir o pop-up Switch… e lá selecionar Theme.

Temas pré-instalados do WebStorm

Darcula

O Darcula já vem pré-instalado no WebStorm, de modo que não é preciso instalar nenhum plug-in adicional de tema. Esse é o tema-padrão quando você instala o WebStorm pela primeira vez. Você ficaria surpreso em saber que muita gente prefere mantê-lo?

Example of the Darcula theme in WebStorm

Por que as pessoas gostam dele:

As cores escuras do Darcula emitem menos luz. Isso torna mais fácil olhar para a tela por longos períodos e ajuda a evitar o cansaço visual. No Darcula, os brancos e as outras cores são menos brilhantes que em alguns temas escuros disponíveis, que as pessoas podem preferir. Você pode ler um pouco da história por trás do Darcula aqui.

Ideal para:

  • Ambientes pouco iluminados
  • Olhos sensíveis

IntelliJ Light

O IntelliJ Light é outro tema que vem pré-instalado no WebStorm. É o total oposto do tema escuro, dando uma interface mais clara ao IDE. Usar temas claros pode ajudar se você estiver trabalhando em locais muito iluminados ou em conjunto com outros aplicativos que só estejam disponíveis em um formato claro.

Example of the IntelliJ Light theme in WebStorm

Por que as pessoas gostam dele:
Trabalhar em um ambiente familiar tem suas vantagens. É uma aparência simples e clássica, da qual as pessoas gostam.

Ideal para:

  • Ambientes claros
  • Áreas de trabalho com muitos outros aplicativos com temas claros

Tema Dark Purple

O Dark Purple é outro tema escuro disponível para o WebStorm. Ele oferece uma interface de contraste mais escuro que a do Darcula e substitui os azuis e laranjas por vários tipos de vermelhos e roxos.

Example of the Sark Purple theme in WebStorm

Por que as pessoas gostam dele:

Os contrastes mais fortes que os do Darcula são apreciados principalmente por usuários com deficiências visuais. Do ponto de vista estético, os roxos e rosas acalmam. Este tema é um dos favoritos de muitos dos membros da nossa equipe.

Ideal para:

  • Ambientes pouco iluminados
  • Pessoas que procuram cores mais contrastadas

Tema One Dark

O One Dark é outro tema escuro que foi bem projetado para a programação. Ele é menos brilhante que alguns dos outros temas escuros e isso pode torná-lo mais agradável aos olhos.

Example of the One Dark theme in WebStorm

Por que as pessoas gostam dele:

Para algumas pessoas, os realces mais lavados e as cores brilhantes com menos contraste são mais fáceis de olhar por períodos prolongados.

Ideal para:

  • Condições de pouca iluminação
  • Olhos cansados

Tema Visual Studio Code Dark Plus

O tema Visual Studio Code Dark Plus é baseado na aparência-padrão do Visual Studio Code. Se você estiver acostumado ao aspecto do Visual Studio Code e quiser usá-lo no WebStorm, este tema produz um efeito semelhante.

Example of the Visual Studio Dark Pro Plus theme in WebStorm

Por que as pessoas gostam dele:

Este tema é parecido com o tema escuro do VS Code. Seus tons escuros mais profundos significam que há mais contraste entre o texto da interface de usuário e as janelas do editor. O esquema de cores dá cores mais fortes que os tons pastéis do tema-padrão Darcula.

Ideal para:

  • Condições de pouca iluminação
  • Pessoas oriundas do VS Code

Tema Monokai Pro

O tema Monokai Pro é uma adaptação do esquema do editor Sublime Text. Ele é baseado no Monokai Pro, que foi projetado para ajudar o usuário a se concentrar. Ele usa tons de cores escolhidos especificamente para oferecerem uma interface de usuário sem distrações. Este tema contém seis variações de esquemas escuros diferentes.

Example of the Monokai Pro theme in WebStorm

Por que as pessoas gostam dele:

O tema Monokai Pro é bem projetado, com elementos de texto codificados por cores de forma sensata, que facilitam a navegação pelo seu código. Com as diferentes variações no pacote de temas, é fácil encontrar uma com a qual você se sinta confortável.

Ideal para:

  • Condições de pouca iluminação
  • Revisões extensas de código

Tema Vuesion

O esquema de cores do tema Vuesion é baseado no projeto Vuesion. Ele traz ao seu IDE as melhores e mais modernas práticas de engenharia e design, e dá à interface um aspecto bem organizado e limpo.

Example of the Vuesion theme in WebStorm

Por que as pessoas gostam dele:

O tema Vuesion tenta fazer algo diferente dos demais temas “escuros” disponíveis. O verde azulado é muito mais usado, o que aqueles familiarizados com o Vue reconhecerão. O realce no editor tem um ótimo contraste e o aspecto geral é bem no estilo do Vue: limpo, nítido e esverdeado.

Ideal para:

  • Condições de pouca iluminação
  • Longas sessões de trabalho no editor

Tema Gradianto

Às vezes, adicionar alguma cor no IDE pode ajudar no seu humor. O tema Gradianto vem com uma seleção de gradientes encontrados na natureza que têm o objetivo de não cansarem os olhos, ao mesmo tempo que são coloridos e brilhantes.

Example of the Gradianto theme in WebStorm

Por que as pessoas gostam dele:

O Gradianto é simples e agradável aos olhos. Ele não é tão agressivo quanto alguns outros temas escuros, porque usa tons de cores em vez de tons de preto e, portanto, não é nem claro, nem escuro demais.

Ideal para:

  • Todas as condições de iluminação
  • Olhos sensíveis

Tema Hiberbee

O tema Hiberbee reúne o melhor do Monokai e do macOS em um tema escuro supernítido e bem contrastado.

Example of the Hiberbee theme in WebStorm

Por que as pessoas gostam dele:

Os temas escuros costumam usar cores muito vivas, como as de neon, para garantir que o texto tenha um bom contraste. O tema Hiberbee usa cores vivas com bom contraste, mas sem tons parecidos com os de neon. O esquema de cores também é intuitivo, com certas tags, classes ou partes do código realçadas em cores complementares.

Ideal para:

  • Condições de pouca iluminação
  • Pessoas que procuram cores de alto contraste que não pareçam ser de neon

Tema Cyan Light

O tema Cyan Light é o meio-termo perfeito para quem prefere um tema claro, mas não gosta de todos os tons brilhantes de branco associados a esses temas. Ele privilegia o cinza claro, em vez do branco, para proporcionar um ambiente de trabalho muito confortável.

Example of the Cyan theme in WebStorm

Por que as pessoas gostam dele:

Ao contrário da maioria dos temas claros, o Cyan Light usa tons próximos ao branco e de azul esverdeado para contraste. A tipografia é contida e simples, com palavras-chave, identificadores, campos e variáveis exibidos em cores escuras, para diferenciá-los de forma sutil, mas visível.

Ideal para:

  • Condições de muita iluminação
  • Olhos sensíveis

Como selecionar um tema

Selecionar o melhor tema para você não consiste em comparar as avaliações ou procurar o tema com mais downloads. Consiste em compreender as suas necessidades e como você passa o tempo no IDE. Com mais de 250 temas disponíveis no JetBrains Marketplace, pode haver um tema que atenda melhor às suas necessidades que os que recomendamos neste artigo. Aqui estão algumas coisas a considerar:

Seu espaço físico

O espaço físico no qual você está programando pode ter impacto no ambiente de desenvolvimento com o qual você se sente mais confortável para trabalhar. Por exemplo, se você preferir trabalhar até tarde da noite sob a luz do seu monitor, usar um tema escuro pode ajudar muito a evitar o cansaço dos olhos.

Sensibilidade dos olhos

Algumas pessoas acham certas cores desagradáveis de olhar, enquanto outras não conseguem distinguir as diferenças entre certas cores. Somos todos diferentes. Compreender com que tipo de esquema de cores você se sentirá mais confortável para passar longas horas em frente dele pode demandar um pouco de tentativa e erro até acertar, mas depois que você compreender o que você prefere, poderá procurar algo com essas características.

Como você trabalha

Se você trabalhar com vários aplicativos ao mesmo tempo, ficar alternando entre olhar para um documento claro no Google e um editor com tema escuro no IDE pode levar rapidamente à fadiga e a dores de cabeça. Vale a pena procurar um tema que se adapte melhor ao seu processo de trabalho. É possível sincronizar o tema com o seu sistema operacional marcando a opção Sync with OS nas configurações do tema. Se o sistema operacional estiver configurado para mudar o tema conforme a hora do dia, o IDE também mudará o tema automaticamente ao mesmo tempo.

Desenvolva o seu próprio tema

Se você não conseguir encontrar o tema perfeito no JetBrains Marketplace, você sempre poderá criar o seu próprio. Você encontra um tutorial detalhado de como criar um tema personalizado na nossa documentação. E se você achar que outras pessoas poderão se beneficiar do seu tema, por que não adicioná-lo ao JetBrains Marketplace?

É isso por hoje! Esperamos que esta postagem tenha inspirado você a dar uma olhada nos temas disponíveis para tornarem o seu IDE ainda melhor. Se houver um tema do qual você realmente goste, conte para nós nos comentários.

A equipe do WebStorm

Artigo original em inglês por:

Luiz Di Bella

David Watson