{"id":2208,"date":"2026-08-24T07:38:22","date_gmt":"2026-08-24T07:38:22","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/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\/id\/how-to-apply-a-theme-in-plantuml\/","title":{"rendered":"Cara Menerapkan Tema di PlantUML"},"content":{"rendered":"

Menerapkan sebuah tema PlantUML<\/b> adalah cara tercepat untuk mengubah kode teks biasa menjadi dokumentasi perangkat lunak yang rapi dan profesional. Secara default, diagram PlantUML standar menggunakan bentuk abu-abu dasar dan garis sederhana. Menerapkan sebuah tema<\/strong> memungkinkan Anda secara instan mengubah gaya visual keseluruhan diagram Anda menggunakan skema warna dan tata letak yang sudah dirancang sebelumnya\u2014tanpa perlu menulis kode penyesuaian gaya secara manual.<\/p>\n

Bagian 1: Cara Kerja Tema PlantUML (Panduan Umum)<\/h2>\n

Memahami Sintaks Standar<\/h3>\n

Dalam PlantUML standar, Anda menyesuaikan gaya diagram menggunakan !theme<\/code> direktif. Anda menempatkan baris ini di bagian atas potongan kode Anda, tepat setelah @startuml<\/code>.<\/p>\n

\n
\n
\n
\n

Potongan kode<\/span><\/p>\n

<\/div>\n<\/div>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit PlantUML di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nEdit PlantUML di VPasCode<\/span>\n<\/a>\n<\/div>\n
\n
\r\n
\r\n PlantUML<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit PlantUML in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
@startuml\r\n!theme cerulean\r\n\r\nactor User\r\nparticipant \"Web App\" as App\r\nUser -> App: Log in\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nEdit PlantUML di VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdit PlantUML di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"Diagram
Diagram menggunakan tema Cerulean<\/figcaption><\/figure>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nEdit PlantUML di VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nEdit PlantUML di VPasCode<\/span>\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    PlantUML<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
@startuml\r\n!theme hacker\r\n\r\nactor User\r\nparticipant \"Web App\" as App\r\nUser -> App: Log in\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit PlantUML in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n             <\/div>\n
\n\n<\/path><\/path><\/svg>\nEdit PlantUML di VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nEdit PlantUML di VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"Diagram
Diagram menggunakan tema Hacker<\/figcaption><\/figure>\n
Teknik Utama untuk Menggunakan Tema di Editor Apa Pun<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n
    \n
  1. \n
    Tema Bawaan:<\/b> PlantUML dilengkapi dengan pustaka gaya bawaan seperti materia<\/code>, cerulean<\/code>, dan crt-amber<\/code>.<\/p>\n<\/li>\n
  2. \n
    Pustaka Tema Eksternal:<\/b> Anda dapat memuat tema kustom yang dihosting di GitHub atau server lokal menggunakan !theme <nama-tema> dari <url><\/code> perintah.<\/p>\n
    \"PlantUML<\/p>\n<\/li>\n
  3. \n
    Konsistensi Global:<\/b> Daripada menambahkan gaya CSS inline ke setiap kelas atau komponen, menerapkan tema menetapkan gaya visual yang terpadu<\/b> di semua elemen sekaligus.<\/p>\n<\/li>\n<\/ol>\n
    Bagian 2: Cara Mudah \u2014 Menerapkan Tema di VPasCode<\/h2>\n
    Meskipun sintaks manual bekerja dengan baik, mengingat nama tema yang tepat atau menangani kesalahan sintaks dapat memperlambat alur kerja Anda. Menggunakan editor teks-ke-diagram modern seperti VPasCode<\/a> menyederhanakan proses ini sepenuhnya.<\/p>\n
    1. Menu Pemilihan Tema Visual<\/h3>\n
    \"Select
    Pilih Tema di VPasCode untuk menerapkan tema yang berbeda.<\/figcaption><\/figure>\n
    \"Materia
    Tema Materia Dipilih di VPasCode.<\/figcaption><\/figure>\n
    Berhenti mencari di dokumentasi untuk menemukan nama tema. Menu dropdown tema bawaan menu dropdown tema<\/b> menampilkan daftar kurasi gaya populer langsung di dalam toolbar editor Anda.<\/p>\n
    2. Injeksi Kode Otomatis<\/h3>\n
    Memilih gaya secara otomatis menambahkan !theme<\/code> baris ke dalam skrip PlantUML Anda. Anda tidak perlu menghafal format perintah yang tepat atau mengetik blok kode secara manual.<\/p>\n
    3. Pratinjau Langsung Instan<\/h3>\n
    \"Live
    Pratinjau langsung segera setelah Anda memilih tema.<\/figcaption><\/figure>\n
    Pratinjau perubahan visual Anda secara real-time. Beralih antara gaya terang, gelap, retro, atau modern untuk melihat bagaimana diagram Anda dirender secara instan sebelum menyelesaikan dokumentasi Anda.<\/p>\n
    4. Tema Kustom Eksklusif<\/h3>\n
    \"Visual
    Tema Visual Paradigm yang digunakan di VPasCode<\/figcaption><\/figure>\n
    \"Rose
    Tema Rose yang digunakan di VPasCode<\/figcaption><\/figure>\n
    Akses opsi unik seperti visual-paradigm<\/code> tema<\/b> (dengan header biru bersih dan modern) dan rose<\/code> tema<\/b> (menampilkan tampilan klasik kuning dan merah dari IBM Rational Rose).<\/p>\n
    Jelajahi Fitur Tema Baru:<\/b><\/em><\/p>\n
    \u2022 Baca tentang Antarmuka Pemilihan Tema PlantUML Baru<\/a><\/em><\/p>\n
    \u2022 Pelajari lebih lanjut tentang Tema Kustom Visual Paradigm dan Rose<\/a><\/em><\/p>\n
    Kesimpulan<\/h2>\n
    Baik Anda mengedit kode secara manual atau menggunakan editor interaktif, menggunakan tema PlantUML<\/b> menciptakan dokumentasi yang jelas dan profesional dalam hitungan detik.<\/p>\n
    Coba uji kode Anda di VPasCode<\/b><\/a> editor untuk mengalami pemformatan tema berbasis dropdown yang cepat hari ini.<\/p>\n","protected":false},"excerpt":{"rendered":"Menerapkan sebuah tema PlantUML adalah cara tercepat untuk mengubah kode teks biasa menjadi dokumentasi perangkat lunak yang rapi dan profesional. Secara default, diagram PlantUML standar menggunakan bentuk abu-abu dasar dan garis sederhana. Menerapkan sebuah tema memungkinkan Anda secara instan mengubah…","protected":false},"author":3,"featured_media":2209,"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-2208","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":"\nHow 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\/id\/how-to-apply-a-theme-in-plantuml\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\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\/id\/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\/id\/wp-content\/uploads\/sites\/7\/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=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/\"},\"author\":{\"name\":\"lydia\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/person\\\/12c9d7eebd5a93e488dbdc730a895482\"},\"headline\":\"Cara Menerapkan Tema di PlantUML\",\"datePublished\":\"2026-08-24T07:38:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/\"},\"wordCount\":449,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/08\\\/Screenshot-2026-08-24-at-3.29.29-PM-1.png\",\"articleSection\":[\"Tutorials & Guides\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/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\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/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\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/08\\\/Screenshot-2026-08-24-at-3.29.29-PM-1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/08\\\/Screenshot-2026-08-24-at-3.29.29-PM-1.png\",\"width\":645,\"height\":591},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/how-to-apply-a-theme-in-plantuml\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Menerapkan Tema di PlantUML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/person\\\/12c9d7eebd5a93e488dbdc730a895482\",\"name\":\"lydia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@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\\\/id\\\/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\/id\/how-to-apply-a-theme-in-plantuml\/","og_locale":"id_ID","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\/id\/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\/id\/wp-content\/uploads\/sites\/7\/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":{"Ditulis oleh":false,"Estimasi waktu membaca":"4 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.vpascode.com\/id\/how-to-apply-a-theme-in-plantuml\/#article","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/how-to-apply-a-theme-in-plantuml\/"},"author":{"name":"lydia","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/person\/12c9d7eebd5a93e488dbdc730a895482"},"headline":"Cara Menerapkan Tema di PlantUML","datePublished":"2026-08-24T07:38:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/how-to-apply-a-theme-in-plantuml\/"},"wordCount":449,"commentCount":0,"publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/how-to-apply-a-theme-in-plantuml\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png","articleSection":["Tutorials & Guides"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.vpascode.com\/id\/how-to-apply-a-theme-in-plantuml\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/how-to-apply-a-theme-in-plantuml\/","url":"https:\/\/www.vpascode.com\/id\/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\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/how-to-apply-a-theme-in-plantuml\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/how-to-apply-a-theme-in-plantuml\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/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\/id\/how-to-apply-a-theme-in-plantuml\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/how-to-apply-a-theme-in-plantuml\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/how-to-apply-a-theme-in-plantuml\/#primaryimage","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png","width":645,"height":591},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/how-to-apply-a-theme-in-plantuml\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/id\/"},{"@type":"ListItem","position":2,"name":"Cara Menerapkan Tema di PlantUML"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/id\/#website","url":"https:\/\/www.vpascode.com\/id\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/id\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/person\/12c9d7eebd5a93e488dbdc730a895482","name":"lydia","image":{"@type":"ImageObject","inLanguage":"id","@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\/id\/author\/lydia\/"}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/posts\/2208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/comments?post=2208"}],"version-history":[{"count":0,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/posts\/2208\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media\/2209"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=2208"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/categories?post=2208"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/tags?post=2208"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/asset-category?post=2208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}