{"id":2214,"date":"2026-08-24T07:38:22","date_gmt":"2026-08-24T07:38:22","guid":{"rendered":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/"},"modified":"2026-08-24T07:38:22","modified_gmt":"2026-08-24T07:38:22","slug":"how-to-apply-a-theme-in-plantuml","status":"publish","type":"post","link":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/","title":{"rendered":"C\u00f3mo aplicar un tema en PlantUML"},"content":{"rendered":"<p data-path-to-node=\"6\">Aplicar un <b data-index-in-node=\"11\" data-path-to-node=\"7\">tema de PlantUML<\/b> es la forma m\u00e1s r\u00e1pida de convertir c\u00f3digo de texto plano en documentaci\u00f3n de software pulida y profesional. Por defecto, los diagramas est\u00e1ndar de PlantUML utilizan formas grises b\u00e1sicas y l\u00edneas simples. <strong>Aplicar un tema<\/strong> le permite transformar instant\u00e1neamente el estilo visual general de todo su diagrama utilizando esquemas de colores y dise\u00f1os predefinidos, sin necesidad de escribir c\u00f3digo de estilo personalizado.<\/p>\n<h2 data-path-to-node=\"8\">Parte 1: C\u00f3mo funcionan los temas de PlantUML (Gu\u00eda general)<\/h2>\n<h3 data-path-to-node=\"9\">Comprensi\u00f3n de la sintaxis est\u00e1ndar<\/h3>\n<p data-path-to-node=\"10\">En PlantUML est\u00e1ndar, personaliza los estilos de los diagramas utilizando el <code data-index-in-node=\"61\" data-path-to-node=\"10\">!theme<\/code>directiva. Coloca esta l\u00ednea cerca de la parte superior de tu fragmento de c\u00f3digo, justo despu\u00e9s de <code data-index-in-node=\"146\" data-path-to-node=\"10\">@startuml<\/code>.<\/p>\n<div class=\"code-block ng-tns-c1284189059-277 ng-animate-disabled ng-trigger ng-trigger-codeBlockRevealAnimation\" data-hveid=\"0\" data-ved=\"0CAAQhtANahgKEwjFmPripriWAxUAAAAAHQAAAAAQ1Qo\">\n<div class=\"formatted-code-block-internal-container ng-tns-c1284189059-277\">\n<div class=\"animated-opacity ng-tns-c1284189059-277\">\n<div class=\"code-block-decoration header-formatted gds-emphasized-body-m ng-tns-c1284189059-277 ng-star-inserted\">\n<p><span class=\"ng-tns-c1284189059-277\">Fragmento de c\u00f3digo<\/span><\/p>\n<div class=\"buttons ng-tns-c1284189059-277 ng-star-inserted\"><\/div>\n<\/div>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Oox2e0m303tGFuXTlS77AJkhk8SQz12NxJn_ssdu-0usvIhVZ4WJFfA579Ilo2S413OQQvqDAa8fNVU-S99oPnoqLQA8Mw32AEXUHsoq9uVydrW9Trz_GC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Oox2e0m303tGFuXTlS77AJkhk8SQz12NxJn_ssdu-0usvIhVZ4WJFfA579Ilo2S413OQQvqDAa8fNVU-S99oPnoqLQA8Mw32AEXUHsoq9uVydrW9Trz_GC0\" rel=\"noopener noreferrer\" target=\"_blank\">\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\n<span>Editar PlantUML en VPasCode<\/span>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Oox2e0m303tGFuXTlS77AJkhk8SQz12NxJn_ssdu-0usvIhVZ4WJFfA579Ilo2S413OQQvqDAa8fNVU-S99oPnoqLQA8Mw32AEXUHsoq9uVydrW9Trz_GC0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!theme cerulean\r\n\r\nactor User\r\nparticipant \"Web App\" as App\r\nUser -&gt; App: Log in\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Oox2e0m303tGFuXTlS77AJkhk8SQz12NxJn_ssdu-0usvIhVZ4WJFfA579Ilo2S413OQQvqDAa8fNVU-S99oPnoqLQA8Mw32AEXUHsoq9uVydrW9Trz_GC0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Oox2e0m303tGFuXTlS77AJkhk8SQz12NxJn_ssdu-0usvIhVZ4WJFfA579Ilo2S413OQQvqDAa8fNVU-S99oPnoqLQA8Mw32AEXUHsoq9uVydrW9Trz_GC0\" rel=\"noopener noreferrer\" target=\"_blank\">\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\n<span>Editar PlantUML en VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Oox2e0m303tGFuXTlS77AJkhk8SQz12NxJn_ssdu-0usvIhVZ4WJFfA579Ilo2S413OQQvqDAa8fNVU-S99oPnoqLQA8Mw32AEXUHsoq9uVydrW9Trz_GC0\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<figure aria-describedby=\"caption-attachment-3233\" class=\"wp-caption alignnone\" id=\"attachment_3233\" style=\"width: 258px\"><img fetchpriority=\"high\" alt=\"Diagram using Cerulean theme\" class=\"wp-image-3233 size-full\" decoding=\"async\" fetchpriority=\"high\" height=\"227\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a8bf0e4aae63.png\" width=\"258\"\/><figcaption class=\"wp-caption-text\" id=\"caption-attachment-3233\">Diagrama usando el tema Cerulean<\/figcaption><\/figure>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Omn3e0W303t9lr3PVS33WPtL-DSiH6Y887wVs6wN78vMvMBVl516DHB5FBiRYa82EpqBRJLRhbLmONCISdiSj2Iio6kdGYzeN7kCj7wNXGIWfLqjl4F\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">PlantUML<\/span>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Omn3e0W303t9lr3PVS33WPtL-DSiH6Y887wVs6wN78vMvMBVl516DHB5FBiRYa82EpqBRJLRhbLmONCISdiSj2Iio6kdGYzeN7kCj7wNXGIWfLqjl4F\" rel=\"noopener noreferrer\" target=\"_blank\">\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\n<span>Editar PlantUML en VPasCode<\/span>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">PlantUML<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Omn3e0W303t9lr3PVS33WPtL-DSiH6Y887wVs6wN78vMvMBVl516DHB5FBiRYa82EpqBRJLRhbLmONCISdiSj2Iio6kdGYzeN7kCj7wNXGIWfLqjl4F\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\n!theme hacker\r\n\r\nactor User\r\nparticipant \"Web App\" as App\r\nUser -&gt; App: Log in\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Omn3e0W303t9lr3PVS33WPtL-DSiH6Y887wVs6wN78vMvMBVl516DHB5FBiRYa82EpqBRJLRhbLmONCISdiSj2Iio6kdGYzeN7kCj7wNXGIWfLqjl4F\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Omn3e0W303t9lr3PVS33WPtL-DSiH6Y887wVs6wN78vMvMBVl516DHB5FBiRYa82EpqBRJLRhbLmONCISdiSj2Iio6kdGYzeN7kCj7wNXGIWfLqjl4F\" rel=\"noopener noreferrer\" target=\"_blank\">\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\n<span>Editar PlantUML en VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:5Omn3e0W303t9lr3PVS33WPtL-DSiH6Y887wVs6wN78vMvMBVl516DHB5FBiRYa82EpqBRJLRhbLmONCISdiSj2Iio6kdGYzeN7kCj7wNXGIWfLqjl4F\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Editar PlantUML en VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<figure aria-describedby=\"caption-attachment-3235\" class=\"wp-caption alignnone\" id=\"attachment_3235\" style=\"width: 258px\"><img alt=\"Diagram using Hacker theme\" class=\"wp-image-3235 size-full\" decoding=\"async\" height=\"227\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a8bf15147cf3.png\" width=\"258\"\/><figcaption class=\"wp-caption-text\" id=\"caption-attachment-3235\">Diagrama usando el tema Hacker<\/figcaption><\/figure>\n<p id=\"THRCtYY\"><span style=\"font-size: 1.5em; font-weight: bold;\">T\u00e9cnicas clave para usar temas en cualquier editor<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<ol data-path-to-node=\"13\" start=\"1\">\n<li>\n<p data-path-to-node=\"13,0,0\"><b data-index-in-node=\"0\" data-path-to-node=\"13,0,0\">Temas integrados:<\/b> PlantUML viene con una biblioteca de estilos integrados como <code data-index-in-node=\"71\" data-path-to-node=\"13,0,0\">materia<\/code>, <code data-index-in-node=\"80\" data-path-to-node=\"13,0,0\">cerulean<\/code>, y <code data-index-in-node=\"94\" data-path-to-node=\"13,0,0\">crt-amber<\/code>.<\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"13,1,0\"><b data-index-in-node=\"0\" data-path-to-node=\"13,1,0\">Bibliotecas de temas externos:<\/b> Puedes cargar temas personalizados alojados en GitHub o servidores locales usando el <code data-index-in-node=\"97\" data-path-to-node=\"13,1,0\">!theme &lt;nombre-tema&gt; from &lt;url&gt;<\/code> comando.<\/p>\n<p><img alt=\"PlantUML code snippet showing !theme cerulean directive applied after @startuml\" class=\"alignnone wp-image-3238 size-full\" decoding=\"async\" height=\"253\" sizes=\"(max-width: 453px) 100vw, 453px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/how-to-apply-theme-code.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/how-to-apply-theme-code.png 453w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/how-to-apply-theme-code-300x168.png 300w\" width=\"453\"\/><\/p>\n<\/li>\n<li>\n<p data-path-to-node=\"13,2,0\"><b data-index-in-node=\"0\" data-path-to-node=\"13,2,0\">Coherencia global:<\/b> En lugar de agregar estilos CSS en l\u00ednea a cada clase o componente, aplicar un tema establece un <b data-index-in-node=\"109\" data-path-to-node=\"13,2,0\">estilo visual unificado<\/b> en todos los elementos a la vez.<\/p>\n<\/li>\n<\/ol>\n<h2 data-path-to-node=\"15\">Parte 2: La forma f\u00e1cil \u2014 Aplicar temas en VPasCode<\/h2>\n<p data-path-to-node=\"16\">Aunque la sintaxis manual funciona bien, recordar los nombres exactos de los temas o lidiar con errores de sintaxis puede ralentizar tu flujo de trabajo. Usar un editor moderno de texto a diagramas como <a class=\"ng-star-inserted\" data-hveid=\"0\" data-ved=\"0CAAQ_4QMahgKEwjFmPripriWAxUAAAAAHQAAAAAQ1go\" href=\"https:\/\/www.google.com\/search?q=https:\/\/online.visual-paradigm.com\/vpascode\/\" rel=\"noopener\" target=\"_blank\">VPasCode<\/a> simplifica este proceso por completo.<\/p>\n<h3 data-path-to-node=\"17\">1. Men\u00fa visual de selecci\u00f3n de temas<\/h3>\n<figure aria-describedby=\"caption-attachment-3240\" class=\"wp-caption alignnone\" id=\"attachment_3240\" style=\"width: 540px\"><img loading=\"lazy\" alt=\"Select Theme in VPasCode to apply different themes.\" class=\"wp-image-3240 size-full\" decoding=\"async\" height=\"318\" loading=\"lazy\" sizes=\"auto, (max-width: 540px) 100vw, 540px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.28.12-PM.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.28.12-PM.png 540w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.28.12-PM-300x177.png 300w\" width=\"540\"\/><figcaption class=\"wp-caption-text\" id=\"caption-attachment-3240\">Selecciona Tema en VPasCode para aplicar diferentes temas.<\/figcaption><\/figure>\n<figure aria-describedby=\"caption-attachment-3241\" class=\"wp-caption alignnone\" id=\"attachment_3241\" style=\"width: 645px\"><img loading=\"lazy\" alt=\"Materia theme Selected in VPasCode.\" class=\"wp-image-3241 size-full\" decoding=\"async\" height=\"591\" loading=\"lazy\" sizes=\"auto, (max-width: 645px) 100vw, 645px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM.png 645w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-300x275.png 300w\" width=\"645\"\/><figcaption class=\"wp-caption-text\" id=\"caption-attachment-3241\">Tema Materia seleccionado en VPasCode.<\/figcaption><\/figure>\n<p data-path-to-node=\"18\">Deja de buscar en la documentaci\u00f3n para encontrar nombres de temas. El <b data-index-in-node=\"71\" data-path-to-node=\"18\">men\u00fa desplegable de temas<\/b> muestra una lista curada de estilos populares directamente dentro de la barra de herramientas de tu editor.<\/p>\n<h3 data-path-to-node=\"19\">2. Inyecci\u00f3n autom\u00e1tica de c\u00f3digo<\/h3>\n<p data-path-to-node=\"20\">Seleccionar un estilo agrega autom\u00e1ticamente el correcto <code data-index-in-node=\"49\" data-path-to-node=\"20\">!theme<\/code> l\u00ednea en tu script de PlantUML. No necesitas memorizar formatos de comandos exactos ni escribir manualmente bloques de c\u00f3digo.<\/p>\n<h3 data-path-to-node=\"21\">3. Vista previa en vivo instant\u00e1nea<\/h3>\n<figure aria-describedby=\"caption-attachment-3242\" class=\"wp-caption alignnone\" id=\"attachment_3242\" style=\"width: 497px\"><img loading=\"lazy\" alt=\"Live preview right when you select a theme.\" class=\"wp-image-3242 size-full\" decoding=\"async\" height=\"324\" loading=\"lazy\" sizes=\"auto, (max-width: 497px) 100vw, 497px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.30.14-PM.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.30.14-PM.png 497w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.30.14-PM-300x196.png 300w\" width=\"497\"\/><figcaption class=\"wp-caption-text\" id=\"caption-attachment-3242\">Vista previa en vivo justo cuando seleccionas un tema.<\/figcaption><\/figure>\n<p data-path-to-node=\"22\">Vista previa de tus cambios visuales en tiempo real. Cambia entre estilos claros, oscuros, retro o modernos para ver c\u00f3mo se renderiza tu diagrama al instante antes de finalizar tu documentaci\u00f3n.<\/p>\n<h3 data-path-to-node=\"23\">4. Temas personalizados exclusivos<\/h3>\n<figure aria-describedby=\"caption-attachment-3243\" class=\"wp-caption alignnone\" id=\"attachment_3243\" style=\"width: 659px\"><img loading=\"lazy\" alt=\"Visual Paradigm theme being uses in VPasCode\" class=\"wp-image-3243 size-full\" decoding=\"async\" height=\"557\" loading=\"lazy\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.31.29-PM.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.31.29-PM.png 659w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.31.29-PM-300x254.png 300w\" width=\"659\"\/><figcaption class=\"wp-caption-text\" id=\"caption-attachment-3243\">Tema Visual Paradigm utilizado en VPasCode<\/figcaption><\/figure>\n<figure aria-describedby=\"caption-attachment-3244\" class=\"wp-caption alignnone\" id=\"attachment_3244\" style=\"width: 664px\"><img loading=\"lazy\" alt=\"Rose theme being uses in VPasCode\" class=\"wp-image-3244 size-full\" decoding=\"async\" height=\"532\" loading=\"lazy\" sizes=\"auto, (max-width: 664px) 100vw, 664px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.31.52-PM.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.31.52-PM.png 664w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/Screenshot-2026-08-24-at-3.31.52-PM-300x240.png 300w\" width=\"664\"\/><figcaption class=\"wp-caption-text\" id=\"caption-attachment-3244\">Tema Rose utilizado en VPasCode<\/figcaption><\/figure>\n<p data-path-to-node=\"24\">Accede a opciones \u00fanicas como el <b data-index-in-node=\"31\" data-path-to-node=\"24\"><code data-index-in-node=\"31\" data-path-to-node=\"24\">visual-paradigm<\/code> tema<\/b> (con encabezados azules limpios y modernos) y el <b data-index-in-node=\"100\" data-path-to-node=\"24\"><code data-index-in-node=\"100\" data-path-to-node=\"24\">rose<\/code> tema<\/b> (que ofrece el cl\u00e1sico aspecto amarillo y rojo de IBM Rational Rose).<\/p>\n<p data-path-to-node=\"25,0\"><em><b data-index-in-node=\"0\" data-path-to-node=\"25,0\">Explora las nuevas funciones de los temas:<\/b><\/em><\/p>\n<p data-path-to-node=\"25,1\"><em>\u2022 Lee sobre nuestro <a class=\"ng-star-inserted\" data-hveid=\"0\" data-ved=\"0CAAQ_4QMahgKEwjFmPripriWAxUAAAAAHQAAAAAQ1wo\" href=\"https:\/\/updates.visual-paradigm.com\/releases\/diagram-tool-plantuml-theme-selection-ui\/\" rel=\"noopener\" target=\"_blank\">Nueva interfaz de selecci\u00f3n de temas de PlantUML<\/a><\/em><\/p>\n<p data-path-to-node=\"25,2\"><em>\u2022 Aprende m\u00e1s sobre los <a class=\"ng-star-inserted\" data-hveid=\"0\" data-ved=\"0CAAQ_4QMahgKEwjFmPripriWAxUAAAAAHQAAAAAQ2Ao\" href=\"https:\/\/updates.visual-paradigm.com\/releases\/visual-paradigm-rose-plantuml-themes\/\" rel=\"noopener\" target=\"_blank\">Temas personalizados Visual Paradigm y Rose<\/a><\/em><\/p>\n<h2 data-path-to-node=\"27\">Conclusi\u00f3n<\/h2>\n<p data-path-to-node=\"28\">Ya sea que edites el c\u00f3digo manualmente o uses un editor interactivo, usar <b data-index-in-node=\"67\" data-path-to-node=\"28\">temas de PlantUML<\/b>crea documentaci\u00f3n clara y profesional en segundos.<\/p>\n<p data-path-to-node=\"29\">Prueba probando tu c\u00f3digo en el <a href=\"https:\/\/www.vpascode.com\/editor\/\"><b data-index-in-node=\"29\" data-path-to-node=\"29\">VPasCode<\/b><\/a>editor para experimentar hoy mismo un estilizado de temas r\u00e1pido basado en men\u00fas desplegables.<\/p>\n","protected":false},"excerpt":{"rendered":"Aplicar un tema de PlantUML es la forma m\u00e1s r\u00e1pida de convertir c\u00f3digo de texto plano en documentaci\u00f3n de software pulida y profesional. Por defecto, los diagramas est\u00e1ndar de PlantUML utilizan formas grises b\u00e1sicas y l\u00edneas simples. Aplicar un tema&#8230;","protected":false},"author":3,"featured_media":2215,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"How to Apply a Theme in PlantUML | VPasCode text to diagram Editor","_yoast_wpseo_metadesc":"Learn how to customize your PlantUML diagrams using themes. Discover syntax rules, popular styles, and effortless ways to preview and apply themes instantly.","inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"source_url":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[19],"tags":[],"asset-category":[],"class_list":["post-2214","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials-guides"],"source_url":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Apply a Theme in PlantUML | VPasCode text to diagram Editor<\/title>\n<meta name=\"description\" content=\"Learn how to customize your PlantUML diagrams using themes. Discover syntax rules, popular styles, and effortless ways to preview and apply themes instantly.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Apply a Theme in PlantUML | VPasCode text to diagram Editor\" \/>\n<meta property=\"og:description\" content=\"Learn how to customize your PlantUML diagrams using themes. Discover syntax rules, popular styles, and effortless ways to preview and apply themes instantly.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-24T07:38:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"645\" \/>\n\t<meta property=\"og:image:height\" content=\"591\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"lydia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/\"},\"author\":{\"name\":\"lydia\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/person\\\/12c9d7eebd5a93e488dbdc730a895482\"},\"headline\":\"C\u00f3mo aplicar un tema en PlantUML\",\"datePublished\":\"2026-08-24T07:38:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/\"},\"wordCount\":563,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/08\\\/Screenshot-2026-08-24-at-3.29.29-PM-1.png\",\"articleSection\":[\"Tutorials &amp; Guides\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/\",\"name\":\"How to Apply a Theme in PlantUML | VPasCode text to diagram Editor\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/08\\\/Screenshot-2026-08-24-at-3.29.29-PM-1.png\",\"datePublished\":\"2026-08-24T07:38:22+00:00\",\"description\":\"Learn how to customize your PlantUML diagrams using themes. Discover syntax rules, popular styles, and effortless ways to preview and apply themes instantly.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/08\\\/Screenshot-2026-08-24-at-3.29.29-PM-1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/08\\\/Screenshot-2026-08-24-at-3.29.29-PM-1.png\",\"width\":645,\"height\":591},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/how-to-apply-a-theme-in-plantuml\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo aplicar un tema en PlantUML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/#\\\/schema\\\/person\\\/12c9d7eebd5a93e488dbdc730a895482\",\"name\":\"lydia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/634c4c8a85ab7e56487d6d319bd787577802cf2ee1c98e516d9bc2f916bf9ce8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/634c4c8a85ab7e56487d6d319bd787577802cf2ee1c98e516d9bc2f916bf9ce8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/634c4c8a85ab7e56487d6d319bd787577802cf2ee1c98e516d9bc2f916bf9ce8?s=96&d=mm&r=g\",\"caption\":\"lydia\"},\"url\":\"https:\\\/\\\/www.vpascode.com\\\/es\\\/author\\\/lydia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Apply a Theme in PlantUML | VPasCode text to diagram Editor","description":"Learn how to customize your PlantUML diagrams using themes. Discover syntax rules, popular styles, and effortless ways to preview and apply themes instantly.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/","og_locale":"es_ES","og_type":"article","og_title":"How to Apply a Theme in PlantUML | VPasCode text to diagram Editor","og_description":"Learn how to customize your PlantUML diagrams using themes. Discover syntax rules, popular styles, and effortless ways to preview and apply themes instantly.","og_url":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/","og_site_name":"VPasCode","article_published_time":"2026-08-24T07:38:22+00:00","og_image":[{"width":645,"height":591,"url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png","type":"image\/png"}],"author":"lydia","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":false,"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/#article","isPartOf":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/"},"author":{"name":"lydia","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/person\/12c9d7eebd5a93e488dbdc730a895482"},"headline":"C\u00f3mo aplicar un tema en PlantUML","datePublished":"2026-08-24T07:38:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/"},"wordCount":563,"commentCount":0,"publisher":{"@id":"https:\/\/www.vpascode.com\/es\/#organization"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png","articleSection":["Tutorials &amp; Guides"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/","url":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/","name":"How to Apply a Theme in PlantUML | VPasCode text to diagram Editor","isPartOf":{"@id":"https:\/\/www.vpascode.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png","datePublished":"2026-08-24T07:38:22+00:00","description":"Learn how to customize your PlantUML diagrams using themes. Discover syntax rules, popular styles, and effortless ways to preview and apply themes instantly.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/#primaryimage","url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png","contentUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png","width":645,"height":591},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/es\/how-to-apply-a-theme-in-plantuml\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/es\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo aplicar un tema en PlantUML"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/es\/#website","url":"https:\/\/www.vpascode.com\/es\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/es\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/es\/wp-content\/uploads\/sites\/5\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.vpascode.com\/es\/#\/schema\/person\/12c9d7eebd5a93e488dbdc730a895482","name":"lydia","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/634c4c8a85ab7e56487d6d319bd787577802cf2ee1c98e516d9bc2f916bf9ce8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/634c4c8a85ab7e56487d6d319bd787577802cf2ee1c98e516d9bc2f916bf9ce8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/634c4c8a85ab7e56487d6d319bd787577802cf2ee1c98e516d9bc2f916bf9ce8?s=96&d=mm&r=g","caption":"lydia"},"url":"https:\/\/www.vpascode.com\/es\/author\/lydia\/"}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/posts\/2214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/comments?post=2214"}],"version-history":[{"count":0,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/posts\/2214\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/media\/2215"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/media?parent=2214"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/categories?post=2214"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/tags?post=2214"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.vpascode.com\/es\/wp-json\/wp\/v2\/asset-category?post=2214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}