Tips & Tricks

Los 10 mejores temas de WebStorm

Read this post in other languages:

Es importante que se sienta cómodo en su IDE. Por suerte, WebStorm es muy personalizable, por lo que puede configurarlo a su gusto. Una forma de hacerlo es cambiar el tema que está utilizando, que modificará la apariencia del IDE. En esta publicación, hemos recopilado algunos de los temas favoritos de nuestro equipo.

Todos los temas que aparecen en esta publicación están disponibles o bien listos para usar o se pueden instalar de forma gratuita directamente desde su IDE.

  1. Vaya a Preferences / Settings | Plugins, busque el complemento del tema que desea utilizar e instálelo. Se aplicará de forma automática al IDE. Puede limitar la búsqueda de complementos para que solo se muestren temas añadiendo /tag:Theme al campo Search.
  2. Para cambiar el tema, vaya a Preferences / Settings | Appearance & Behavior | Appearance y seleccione el tema que desea utilizar en el desplegable Theme. Si no, también puede utilizar el atajo ^` (macOS) o Ctrl+` (Windows y Linux) para abrir la ventana emergente Switch… y, allí, elegir un Theme.

Temas integrados en WebStorm

Darcula

Darcula viene preinstalado en WebStorm, por lo que no hace falta instalar ningún otro complemento de tema. Es el tema predeterminado al instalar WebStorm por primera vez. ¿Sabía que hay mucha gente que lo mantiene?

Example of the Darcula theme in WebStorm

Por qué gusta a la gente:

Los colores oscuros de Darcula emiten menos luz, de modo que es más agradable de mirar durante periodos largos y previene la fatiga visual. Los blancos y otros colores de Darcula brillan menos que algunos temas oscuros disponibles, algo que la gente suele preferir. Aquí encontrará más información sobre la historia de Darcula.

Ideal para:

  • Entornos con poca luz
  • Ojos sensibles

IntelliJ Light

IntelliJ Light es otro tema que viene preinstalado en WebStorm. Es el polo opuesto al tema oscuro, ya que cuenta con una interfaz del IDE más brillante. Es útil utilizar temas claros si trabaja en condiciones de mucha luz o junto a otras aplicaciones que solo están disponibles en formatos claros.

Example of the IntelliJ Light theme in WebStorm

Por qué gusta a la gente:
Trabajar en un entorno familiar tiene su encanto. Tiene un aspecto sencillo y clásico que suele gustar.

Ideal para:

  • Entornos con mucha luz
  • Escritorios con muchas otras aplicaciones que usan temas claros

Tema Dark Purple

Dark Purple es otro de los temas oscuros disponibles en WebStorm. Tiene una interfaz de contraste más oscura que Darcula y sustituye los azules y los naranjas por tonos rojos y morados.

Example of the Sark Purple theme in WebStorm

Por qué gusta a la gente:

Los usuarios con deficiencias visuales suelen apreciar especialmente los contrastes más intensos en comparación con Darcula. Estéticamente, los morados y los rosas relajan. Este tema es el favorito de muchos de los miembros de nuestro equipo.

Ideal para:

  • Entornos con poca luz
  • Personas que buscan colores con más contraste

Tema One Dark

One Dark es otro tema oscuro diseñado para codificar. Brilla menos que otros temas oscuros, lo que lo hace más agradable a la vista.

Example of the One Dark theme in WebStorm

Por qué gusta a la gente:

Algunas personas encuentran más agradable mirar durante largos periodos de tiempo tonos oscuros desvaídos y colores brillantes con menos contraste.

Ideal para:

  • Entornos con poca luz
  • Vista cansada

Tema Visual Studio Code Dark Plus

El tema Visual Studio Code Dark Plus está basado en el aspecto predeterminado de Visual Studio Code. Si está acostumbrado al aspecto de Visual Studio Code y desea utilizarlo en WebStorm, este tema produce un efecto similar.

Example of the Visual Studio Dark Pro Plus theme in WebStorm

Por qué gusta a la gente:

Este tema es similar al tema oscuro de VS Code. Los oscuros más profundos hacen que haya más contraste entre el texto de la interfaz de usuario y las ventanas del editor. El esquema de colores contiene colores más fuertes que los pastel del tema Darcula predeterminado.

Ideal para:

  • Entornos con poca luz
  • Personas acostumbradas a VS Code

Tema Monokai Pro

El tema Monokai Pro es una adaptación del esquema del editor Sublime Text. Está basado en Monokai Pro, que está diseñado para ayudar al usuario a concentrarse. Utiliza tonos de colores elegidos especialmente para ofrecer una interfaz de usuario que no distraiga. Este tema contiene seis variantes distintas de esquema oscuro.

Example of the Monokai Pro theme in WebStorm

Por qué gusta a la gente:

El planteamiento del tema Monokai Pro es muy adecuado, ya que codifica los elementos del texto por colores, lo cual facilita la navegación por el código. Con las variaciones en el paquete de temas, le será fácil encontrar uno con el que se sienta cómodo.

Ideal para:

  • Entornos con poca luz
  • Revisar mucho código

Tema Vuesion

El esquema de colores del tema Vuesion se basa en el proyecto Vuesion. Aporta las mejores prácticas modernas en ingeniería y diseño a su IDE. Le dará a su IDE una sensación de limpieza y buena organización.

Example of the Vuesion theme in WebStorm

Por qué gusta a la gente:

El tema Vuesion se aparta bastante de otros temas «oscuros» disponibles. Utiliza mucho más el verde azulado, que quienes estén familiarizados con Vue reconocerán. El resaltado en el editor tiene muy buen contraste y toda la sensación es muy «Vue»: limpio, nítido y verde.

Ideal para:

  • Entornos con poca luz
  • Largos periodos en el editor

Tema Gradianto

A veces, añadir un poco de color al IDE mejora el estado de ánimo. El tema Gradianto ofrece una selección de degradados presentes en la naturaleza y que tienen la intención de ser agradables a la vista, a la vez que coloridos y brillantes.

Example of the Gradianto theme in WebStorm

Por qué gusta a la gente:

Gradianto es sencillo y agradable a la vista. No es tan estridente como otros temas oscuros, ya que utiliza tonalidades de color en lugar de tonos negros, por lo que no es ni demasiado brillante ni demasiado oscuro.

Ideal para:

  • Todas las condiciones de luz
  • Ojos sensibles

Tema Hiberbee

El tema Hiberbee toma lo mejor de Monokai y macOS y lo une en un tema oscuro superclaro y bien contrastado.

Example of the Hiberbee theme in WebStorm

Por qué gusta a la gente:

Los temas oscuros suelen utilizar colores muy brillantes, tipo neón, para lograr un buen contraste entre el texto. El tema Hiberbee utiliza colores brillantes que contrastan muy bien, pero sin tonos tipo neón. El esquema de colores también es intuitivo, con ciertas etiquetas, clases o partes del código resaltadas con colores complementarios.

Ideal para:

  • Entornos con poca luz
  • Personas que buscan colores con mucho contraste sin tonos neón

Tema Cyan Light

El tema Cyan Light es perfecto para quienes prefieran los temas claros, pero a quienes no les gusten los tonos blancos brillantes asociados. Prioriza el gris claro sobre el blanco para ofrecer un entorno de trabajo muy cómodo.

Example of the Cyan theme in WebStorm

Por qué gusta a la gente:

A diferencia de la mayoría de los temas claros, Cyan Light crea contraste con tonos blanquecinos y cian. La tipografía es sobria y sencilla, con palabras clave, identificadores, campos y variables en colores oscuros para diferenciarlos de forma sutil, pero visible.

Ideal para:

  • Entornos con luz intensa
  • Ojos sensibles

Cómo elegir un tema

Elegir el tema que mejor se le adapte no consiste en comparar las puntuaciones o buscar el tema con más descargas, sino que se trata de entender sus necesidades y qué hace en el IDE. Hay más de 250 temas disponibles en JetBrains Marketplace, así que es posible que haya algún tema que se adapte mejor a sus necesidades que los que hemos recomendado en este artículo. A continuación encontrará algunas cuestiones que debería tener en cuenta.

El entorno

El entorno en el que está codificando (y no nos referimos aquí al entorno de desarrollo) puede influir en el entorno (esta vez, sí hablamos del entorno de desarrollo) en el que trabaja más cómodamente. Por ejemplo, si prefiere trabajar hasta altas horas de la noche con la luz de la pantalla del ordenador, utilizar un tema oscuro puede ayudar mucho a evitar la fatiga visual.

Sensibilidad ocular

A algunas personas les cuesta mirar algunos colores, y otras no son capaces de distinguir las diferencias entre determinados colores. Todos somos distintos. Seguramente, averiguar qué combinación de colores le permite pasar cómodamente muchas horas frente a la pantalla sea cuestión de ensayo y error, pero, en cuanto sepa qué prefiere, podrá buscar algo con estas características.

Cómo trabaja

Si realiza varias tareas a la vez en varias aplicaciones, pasar de un documento brillante de Google al editor del IDE con un tema oscuro puede provocarle cansancio y dolor de cabeza. Lo más adecuado sería buscar un tema que le facilite el proceso. Es posible sincronizar el tema con el sistema operativo marcando la opción Sync with OS en la configuración del tema. Si el sistema operativo está configurado para cambiar el tema según la hora del día, el IDE también cambiará el tema de forma automática a la vez.

Desarrolle su propio tema

Si no logra encontrar el tema perfecto para usted en JetBrains Marketplace, siempre puede crear uno propio. En la documentación encontrará un tutorial detallado sobre cómo crear un tema personalizado. Si cree que hay otras personas que podrían beneficiarse de este tema, ¿por qué no añadirlo a JetBrains Marketplace?

¡Eso es todo por hoy! Esperamos que este artículo le anime a echar un vistazo a los temas disponibles para hacer el IDE aún más bonito. Si hay algún tema que le guste especialmente, díganoslo.

El equipo de WebStorm

Artículo original en inglés de:

Luiz Di Bella

David Watson

image description