{"id":311819,"date":"2023-01-10T16:52:51","date_gmt":"2023-01-10T15:52:51","guid":{"rendered":"https:\/\/blog.jetbrains.com\/?post_type=webstorm&#038;p=311819"},"modified":"2023-01-10T16:52:54","modified_gmt":"2023-01-10T15:52:54","slug":"los-10-mejores-temas-de-webstorm","status":"publish","type":"webstorm","link":"https:\/\/blog.jetbrains.com\/es\/webstorm\/2023\/01\/los-10-mejores-temas-de-webstorm\/","title":{"rendered":"Los 10 mejores temas de WebStorm"},"content":{"rendered":"<p>Es importante que se sienta c\u00f3modo 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\u00e1 utilizando, que modificar\u00e1 la apariencia del IDE. En esta publicaci\u00f3n, hemos recopilado <strong>algunos de los temas favoritos de nuestro equipo<\/strong>.<\/p>\n<p>Todos los temas que aparecen en esta publicaci\u00f3n est\u00e1n disponibles o bien listos para usar o se pueden instalar <strong>de forma gratuita<\/strong> directamente desde su IDE.<\/p>\n<ol>\n<li>Vaya a <em>Preferences \/ Settings | Plugins<\/em>, busque el complemento del tema que desea utilizar e inst\u00e1lelo. Se aplicar\u00e1 de forma autom\u00e1tica al IDE. Puede limitar la b\u00fasqueda de complementos para que solo se muestren temas a\u00f1adiendo <code>\/tag:Theme<\/code> al campo <em>Search<\/em>.<\/li>\n<li>Para cambiar el tema, vaya a <em>Preferences \/ Settings | Appearance &amp; Behavior | Appearance<\/em> y seleccione el tema que desea utilizar en el desplegable <em>Theme<\/em>. Si no, tambi\u00e9n puede utilizar el atajo <em>^`<\/em> (macOS) o <em>Ctrl+`<\/em> (Windows y Linux) para abrir la ventana emergente <em>Switch\u2026<\/em> y, all\u00ed, elegir un <em>Theme<\/em>.<\/li>\n<\/ol>\n<h2 id=\"built_in_webstorm_themes\"><span id=\"Built-in_WebStorm_themes\" class=\"ez-toc-section\"><\/span>Temas integrados en WebStorm<\/h2>\n<h3 id=\"darcula\"><span id=\"Darcula\" class=\"ez-toc-section\"><\/span>Darcula<\/h3>\n<p>Darcula viene preinstalado en WebStorm, por lo que no hace falta instalar ning\u00fan otro complemento de tema. Es el tema predeterminado al instalar WebStorm por primera vez. \u00bfSab\u00eda que hay mucha gente que lo mantiene?<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/12\/Darcula.png\" alt=\"Example of the Darcula theme in WebStorm\" width=\"800\" \/><\/p>\n<p><strong>Por qu\u00e9 gusta a la gente:<\/strong><\/p>\n<p>Los colores oscuros de Darcula emiten menos luz, de modo que es m\u00e1s 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. <a href=\"https:\/\/blog.jetbrains.com\/blog\/2013\/06\/11\/inside-darcula-look-and-feel-an-interview-with-konstantin-bulenkov\/\">Aqu\u00ed<\/a> encontrar\u00e1 m\u00e1s informaci\u00f3n sobre la historia de Darcula.<\/p>\n<p><strong>Ideal para:<\/strong><\/p>\n<ul>\n<li>Entornos con poca luz<\/li>\n<li>Ojos sensibles<\/li>\n<\/ul>\n<h3 id=\"intellij_light\"><span id=\"IntelliJ_Light\" class=\"ez-toc-section\"><\/span>IntelliJ Light<\/h3>\n<p>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\u00e1s brillante. Es \u00fatil utilizar temas claros si trabaja en condiciones de mucha luz o junto a otras aplicaciones que solo est\u00e1n disponibles en formatos claros.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/12\/IntelliJ-Light.png\" alt=\"Example of the IntelliJ Light theme in WebStorm\" width=\"800\" \/><\/p>\n<p><strong>Por qu\u00e9 gusta a la gente:<\/strong><br \/>Trabajar en un entorno familiar tiene su encanto. Tiene un aspecto sencillo y cl\u00e1sico que suele gustar.<\/p>\n<p><strong>Ideal para:<\/strong><\/p>\n<ul>\n<li>Entornos con mucha luz<\/li>\n<li>Escritorios con muchas otras aplicaciones que usan temas claros<\/li>\n<\/ul>\n<h2 id=\"dark_purple_theme\"><span id=\"Dark_Purple_Theme\" class=\"ez-toc-section\"><\/span>Tema <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/12100-dark-purple-theme\" target=\"_blank\" rel=\"noopener\">Dark Purple<\/a><\/h2>\n<p>Dark Purple es otro de los temas oscuros disponibles en WebStorm. Tiene una interfaz de contraste m\u00e1s oscura que Darcula y sustituye los azules y los naranjas por tonos rojos y morados.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/12\/Dark-purple.png\" alt=\"Example of the Sark Purple theme in WebStorm\" width=\"800\" \/><\/p>\n<p><strong>Por qu\u00e9 gusta a la gente:<\/strong><\/p>\n<p>Los usuarios con deficiencias visuales suelen apreciar especialmente los contrastes m\u00e1s intensos en comparaci\u00f3n con Darcula. Est\u00e9ticamente, los morados y los rosas relajan. Este tema es el favorito de muchos de los miembros de nuestro equipo.<\/p>\n<p><strong>Ideal para:<\/strong><\/p>\n<ul>\n<li>Entornos con poca luz<\/li>\n<li>Personas que buscan colores con m\u00e1s contraste<\/li>\n<\/ul>\n<h2 id=\"one_dark_theme\"><span id=\"One_Dark_Theme\" class=\"ez-toc-section\"><\/span>Tema <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/11938-one-dark-theme\" target=\"_blank\" rel=\"noopener\">One Dark<\/a><\/h2>\n<p>One Dark es otro tema oscuro dise\u00f1ado para codificar. Brilla menos que otros temas oscuros, lo que lo hace m\u00e1s agradable a la vista.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/12\/One-Dark.png\" alt=\"Example of the One Dark theme in WebStorm\" width=\"800\" \/><\/p>\n<p><strong>Por qu\u00e9 gusta a la gente:<\/strong><\/p>\n<p>Algunas personas encuentran m\u00e1s agradable mirar durante largos periodos de tiempo tonos oscuros desva\u00eddos y colores brillantes con menos contraste.<\/p>\n<p><strong>Ideal para:<\/strong><\/p>\n<ul>\n<li>Entornos con poca luz<\/li>\n<li>Vista cansada<\/li>\n<\/ul>\n<h2 id=\"visual_studio_code_dark_plus_theme\"><span id=\"Visual_Studio_Code_Dark_Plus_Theme\" class=\"ez-toc-section\"><\/span>Tema <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/12255-visual-studio-code-dark-plus-theme\" target=\"_blank\" rel=\"noopener\">Visual Studio Code Dark Plus<\/a><\/h2>\n<p>El tema Visual Studio Code Dark Plus est\u00e1 basado en el aspecto predeterminado de Visual Studio Code. Si est\u00e1 acostumbrado al aspecto de Visual Studio Code y desea utilizarlo en WebStorm, este tema produce un efecto similar.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/12\/Visual-Studio.png\" alt=\"Example of the Visual Studio Dark Pro Plus theme in WebStorm\" width=\"800\" \/><\/p>\n<p><strong>Por qu\u00e9 gusta a la gente:<\/strong><\/p>\n<p>Este tema es similar al tema oscuro de VS Code. Los oscuros m\u00e1s profundos hacen que haya m\u00e1s contraste entre el texto de la interfaz de usuario y las ventanas del editor. El esquema de colores contiene colores m\u00e1s fuertes que los pastel del tema Darcula predeterminado.<\/p>\n<p><strong>Ideal para:<\/strong><\/p>\n<ul>\n<li>Entornos con poca luz<\/li>\n<li>Personas acostumbradas a VS Code<\/li>\n<\/ul>\n<h2 id=\"monokai_pro_theme\"><span id=\"Monokai_Pro_Theme\" class=\"ez-toc-section\"><\/span>Tema <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/13643-monokai-pro-theme\" target=\"_blank\" rel=\"noopener\">Monokai Pro<\/a><\/h2>\n<p>El tema Monokai Pro es una adaptaci\u00f3n del esquema del editor Sublime Text. Est\u00e1 basado en <a href=\"https:\/\/monokai.pro\/\" target=\"_blank\" rel=\"noopener\">Monokai Pro<\/a>, que est\u00e1 dise\u00f1ado 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.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/12\/Monokai-Pro.png\" alt=\"Example of the Monokai Pro theme in WebStorm\" width=\"800\" \/><\/p>\n<p><strong>Por qu\u00e9 gusta a la gente:<\/strong><\/p>\n<p>El planteamiento del tema Monokai Pro es muy adecuado, ya que codifica los elementos del texto por colores, lo cual facilita la navegaci\u00f3n por el c\u00f3digo. Con las variaciones en el paquete de temas, le ser\u00e1 f\u00e1cil encontrar uno con el que se sienta c\u00f3modo.<\/p>\n<p><strong>Ideal para:<\/strong><\/p>\n<ul>\n<li>Entornos con poca luz<\/li>\n<li>Revisar mucho c\u00f3digo<\/li>\n<\/ul>\n<h2 id=\"vuesion_theme\"><span id=\"Vuesion_Theme\" class=\"ez-toc-section\"><\/span>Tema <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/12226-vuesion-theme\" target=\"_blank\" rel=\"noopener\">Vuesion<\/a><\/h2>\n<p>El esquema de colores del tema Vuesion se basa en el <a href=\"https:\/\/github.com\/vuesion\/vuesion\" target=\"_blank\" rel=\"noopener\">proyecto Vuesion<\/a>. Aporta las mejores pr\u00e1cticas modernas en ingenier\u00eda y dise\u00f1o a su IDE. Le dar\u00e1 a su IDE una sensaci\u00f3n de limpieza y buena organizaci\u00f3n.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/12\/Vuesion.png\" alt=\"Example of the Vuesion theme in WebStorm\" width=\"800\" \/><\/p>\n<p><strong>Por qu\u00e9 gusta a la gente:<\/strong><\/p>\n<p>El tema Vuesion se aparta bastante de otros temas \u00aboscuros\u00bb disponibles. Utiliza mucho m\u00e1s el verde azulado, que quienes est\u00e9n familiarizados con Vue reconocer\u00e1n. El resaltado en el editor tiene muy buen contraste y toda la sensaci\u00f3n es muy \u00abVue\u00bb: limpio, n\u00edtido y verde.<\/p>\n<p><strong>Ideal para:<\/strong><\/p>\n<ul>\n<li>Entornos con poca luz<\/li>\n<li>Largos periodos en el editor<\/li>\n<\/ul>\n<h2 id=\"gradianto_theme\"><span id=\"Gradianto_Theme\" class=\"ez-toc-section\"><\/span>Tema <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/12334-gradianto\" target=\"_blank\" rel=\"noopener\">Gradianto<\/a><\/h2>\n<p>A veces, a\u00f1adir un poco de color al IDE mejora el estado de \u00e1nimo. El tema Gradianto ofrece una selecci\u00f3n de degradados presentes en la naturaleza y que tienen la intenci\u00f3n de ser agradables a la vista, a la vez que coloridos y brillantes.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/12\/Gradianto.png\" alt=\"Example of the Gradianto theme in WebStorm\" width=\"800\" \/><\/p>\n<p><strong>Por qu\u00e9 gusta a la gente:<\/strong><\/p>\n<p>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.<\/p>\n<p><strong>Ideal para:<\/strong><\/p>\n<ul>\n<li>Todas las condiciones de luz<\/li>\n<li>Ojos sensibles<\/li>\n<\/ul>\n<h2 id=\"hiberbee_theme\"><span id=\"Hiberbee_Theme\" class=\"ez-toc-section\"><\/span>Tema <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/12118-hiberbee-theme\" target=\"_blank\" rel=\"noopener\">Hiberbee<\/a><\/h2>\n<p>El tema Hiberbee toma lo mejor de Monokai y macOS y lo une en un tema oscuro superclaro y bien contrastado.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/12\/Hiberbee.png\" alt=\"Example of the Hiberbee theme in WebStorm\" width=\"800\" \/><\/p>\n<p><strong>Por qu\u00e9 gusta a la gente:<\/strong><\/p>\n<p>Los temas oscuros suelen utilizar colores muy brillantes, tipo ne\u00f3n, para lograr un buen contraste entre el texto. El tema Hiberbee utiliza colores brillantes que contrastan muy bien, pero sin tonos tipo ne\u00f3n. El esquema de colores tambi\u00e9n es intuitivo, con ciertas etiquetas, clases o partes del c\u00f3digo resaltadas con colores complementarios.<\/p>\n<p><strong>Ideal para:<\/strong><\/p>\n<ul>\n<li>Entornos con poca luz<\/li>\n<li>Personas que buscan colores con mucho contraste sin tonos ne\u00f3n<\/li>\n<\/ul>\n<h2 id=\"cyan_light_theme\"><span id=\"Cyan_Light_Theme\" class=\"ez-toc-section\"><\/span>Tema <a href=\"https:\/\/plugins.jetbrains.com\/plugin\/12102-cyan-light-theme\" target=\"_blank\" rel=\"noopener\">Cyan Light<\/a><\/h2>\n<p>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\u00f3modo.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/blog.jetbrains.com\/wp-content\/uploads\/2022\/12\/Cyan.png\" alt=\"Example of the Cyan theme in WebStorm\" width=\"800\" \/><\/p>\n<p><strong>Por qu\u00e9 gusta a la gente:<\/strong><\/p>\n<p>A diferencia de la mayor\u00eda de los temas claros, Cyan Light crea contraste con tonos blanquecinos y cian. La tipograf\u00eda es sobria y sencilla, con palabras clave, identificadores, campos y variables en colores oscuros para diferenciarlos de forma sutil, pero visible.<\/p>\n<p><strong>Ideal para:<\/strong><\/p>\n<ul>\n<li>Entornos con luz intensa<\/li>\n<li>Ojos sensibles<\/li>\n<\/ul>\n<h2 id=\"how_to_select_a_theme\"><span id=\"How_to_select_a_theme\" class=\"ez-toc-section\"><\/span>C\u00f3mo elegir un tema<\/h2>\n<p>Elegir el tema que mejor se le adapte no consiste en comparar las puntuaciones o buscar el tema con m\u00e1s descargas, sino que se trata de entender sus necesidades y qu\u00e9 hace en el IDE. Hay m\u00e1s de 250 temas disponibles en <a href=\"https:\/\/plugins.jetbrains.com\/search?tags=Theme\" target=\"_blank\" rel=\"noopener\">JetBrains Marketplace<\/a>, as\u00ed que es posible que haya alg\u00fan tema que se adapte mejor a sus necesidades que los que hemos recomendado en este art\u00edculo. A continuaci\u00f3n encontrar\u00e1 algunas cuestiones que deber\u00eda tener en cuenta.<\/p>\n<h3 id=\"your_environment\"><span id=\"Your_environment\" class=\"ez-toc-section\"><\/span>El entorno<\/h3>\n<p>El entorno en el que est\u00e1 codificando (y no nos referimos aqu\u00ed al entorno de desarrollo) puede influir en el entorno (esta vez, s\u00ed hablamos del entorno de desarrollo) en el que trabaja m\u00e1s c\u00f3modamente. 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.<\/p>\n<h3 id=\"eye_sensitivity\"><span id=\"Eye_sensitivity\" class=\"ez-toc-section\"><\/span>Sensibilidad ocular<\/h3>\n<p>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\u00e9 combinaci\u00f3n de colores le permite pasar c\u00f3modamente muchas horas frente a la pantalla sea cuesti\u00f3n de ensayo y error, pero, en cuanto sepa qu\u00e9 prefiere, podr\u00e1 buscar algo con estas caracter\u00edsticas.<\/p>\n<h3 id=\"how_you_work\"><span id=\"How_you_work\" class=\"ez-toc-section\"><\/span>C\u00f3mo trabaja<\/h3>\n<p>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\u00e1s adecuado ser\u00eda buscar un tema que le facilite el proceso. Es posible sincronizar el tema con el sistema operativo marcando la opci\u00f3n <em>Sync with OS<\/em> en la configuraci\u00f3n del tema. Si el sistema operativo est\u00e1 configurado para cambiar el tema seg\u00fan la hora del d\u00eda, el IDE tambi\u00e9n cambiar\u00e1 el tema de forma autom\u00e1tica a la vez.<\/p>\n<h2 id=\"develop_your_own_theme\"><span id=\"Develop_your_own_theme\" class=\"ez-toc-section\"><\/span>Desarrolle su propio tema<\/h2>\n<p>Si no logra encontrar el tema perfecto para usted en <a href=\"https:\/\/plugins.jetbrains.com\/search?tags=Theme\" target=\"_blank\" rel=\"noopener\">JetBrains Marketplace<\/a>, siempre puede crear uno propio. En la <a href=\"https:\/\/plugins.jetbrains.com\/docs\/intellij\/themes-getting-started.html\" target=\"_blank\" rel=\"noopener\">documentaci\u00f3n<\/a> encontrar\u00e1 un tutorial detallado sobre c\u00f3mo crear un tema personalizado. Si cree que hay otras personas que podr\u00edan beneficiarse de este tema, \u00bfpor qu\u00e9 no a\u00f1adirlo a JetBrains Marketplace?<\/p>\n<p>\u00a1Eso es todo por hoy! Esperamos que este art\u00edculo le anime a echar un vistazo a los <a href=\"https:\/\/plugins.jetbrains.com\/search?tags=Theme\" target=\"_blank\" rel=\"noopener\">temas disponibles<\/a> para hacer el IDE a\u00fan m\u00e1s bonito. Si hay alg\u00fan tema que le guste especialmente, d\u00edganoslo.<\/p>\n<p><em>El equipo de WebStorm<\/em><\/p>\n<p><em>Art\u00edculo original en ingl\u00e9s de:<br \/><\/em><\/p>\n\n    <div class=\"about-author \">\n        <div class=\"about-author__box\">\n            <div class=\"row\">\n                <div class=\"about-author__box-img\">\n                    <img decoding=\"async\" src=\"https:\/\/secure.gravatar.com\/avatar\/?s=200&#038;r=g\" width=\"200\" height=\"200\" alt=\"\" loading=\"lazy\"  class=\"avatar avatar-200 wp-user-avatar wp-user-avatar-200 photo avatar-default\">\n                <\/div>\n                <div class=\"about-author__box-text\">\n                                                        <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n","protected":false},"author":1086,"featured_media":309206,"comment_status":"closed","ping_status":"closed","template":"","categories":[601],"tags":[355,1731,2817],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/webstorm\/311819"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/webstorm"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/types\/webstorm"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/users\/1086"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/comments?post=311819"}],"version-history":[{"count":2,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/webstorm\/311819\/revisions"}],"predecessor-version":[{"id":311823,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/webstorm\/311819\/revisions\/311823"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/media\/309206"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/media?parent=311819"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/categories?post=311819"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/tags?post=311819"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/es\/wp-json\/wp\/v2\/cross-post-tag?post=311819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}