{"id":2200,"date":"2026-08-24T07:38:22","date_gmt":"2026-08-24T07:38:22","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/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\/vn\/how-to-apply-a-theme-in-plantuml\/","title":{"rendered":"C\u00e1ch \u00e1p d\u1ee5ng ch\u1ee7 \u0111\u1ec1 trong PlantUML"},"content":{"rendered":"

Vi\u1ec7c \u00e1p d\u1ee5ng m\u1ed9t ch\u1ee7 \u0111\u1ec1 PlantUML<\/b> l\u00e0 c\u00e1ch nhanh nh\u1ea5t \u0111\u1ec3 bi\u1ebfn m\u00e3 v\u0103n b\u1ea3n thu\u1ea7n t\u00fay th\u00e0nh t\u00e0i li\u1ec7u ph\u1ea7n m\u1ec1m chuy\u00ean nghi\u1ec7p, ch\u1ec9n chu. Theo m\u1eb7c \u0111\u1ecbnh, c\u00e1c bi\u1ec3u \u0111\u1ed3 PlantUML ti\u00eau chu\u1ea9n s\u1eed d\u1ee5ng c\u00e1c h\u00ecnh d\u1ea1ng m\u00e0u x\u00e1m c\u01a1 b\u1ea3n v\u00e0 c\u00e1c \u0111\u01b0\u1eddng n\u00e9t \u0111\u01a1n gi\u1ea3n. Vi\u1ec7c \u00e1p d\u1ee5ng m\u1ed9t ch\u1ee7 \u0111\u1ec1<\/strong> cho ph\u00e9p b\u1ea1n ngay l\u1eadp t\u1ee9c thay \u0111\u1ed5i to\u00e0n b\u1ed9 phong c\u00e1ch tr\u1ef1c quan c\u1ee7a bi\u1ec3u \u0111\u1ed3 c\u1ee7a m\u00ecnh b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c b\u1ea3ng m\u00e0u v\u00e0 b\u1ed1 c\u1ee5c \u0111\u00e3 \u0111\u01b0\u1ee3c thi\u1ebft k\u1ebf s\u1eb5n\u2014m\u00e0 kh\u00f4ng c\u1ea7n vi\u1ebft m\u00e3 \u0111\u1ecbnh d\u1ea1ng t\u00f9y ch\u1ec9nh.<\/p>\n

Ph\u1ea7n 1: C\u00e1ch ho\u1ea1t \u0111\u1ed9ng c\u1ee7a c\u00e1c ch\u1ee7 \u0111\u1ec1 PlantUML (H\u01b0\u1edbng d\u1eabn chung)<\/h2>\n

Hi\u1ec3u c\u00fa ph\u00e1p ti\u00eau chu\u1ea9n<\/h3>\n

Trong PlantUML ti\u00eau chu\u1ea9n, b\u1ea1n t\u00f9y ch\u1ec9nh phong c\u00e1ch bi\u1ec3u \u0111\u1ed3 b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng !theme<\/code> ch\u1ec9 th\u1ecb. B\u1ea1n \u0111\u1eb7t d\u00f2ng n\u00e0y g\u1ea7n \u0111\u1ea7u \u0111o\u1ea1n m\u00e3 c\u1ee7a m\u00ecnh, ngay sau @startuml<\/code>.<\/p>\n

\n
\n
\n
\n

\u0110o\u1ea1n m\u00e3<\/span><\/p>\n

<\/div>\n<\/div>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nCh\u1ec9nh s\u1eeda PlantUML trong 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>\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"Diagram
Bi\u1ec3u \u0111\u1ed3 s\u1eed d\u1ee5ng ch\u1ee7 \u0111\u1ec1 Cerulean<\/figcaption><\/figure>\n
\n
\nPlantUML<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\n
\nPlantUML<\/span>\n\n<\/path><\/path><\/svg>\nCh\u1ec9nh s\u1eeda PlantUML trong 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>\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda PlantUML trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"Diagram
Bi\u1ec3u \u0111\u1ed3 s\u1eed d\u1ee5ng ch\u1ee7 \u0111\u1ec1 Hacker<\/figcaption><\/figure>\n
C\u00e1c k\u1ef9 thu\u1eadt ch\u00ednh \u0111\u1ec3 s\u1eed d\u1ee5ng ch\u1ee7 \u0111\u1ec1 trong b\u1ea5t k\u1ef3 tr\u00ecnh so\u1ea1n th\u1ea3o n\u00e0o<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n
    \n
  1. \n
    Ch\u1ee7 \u0111\u1ec1 t\u00edch h\u1ee3p s\u1eb5n:<\/b> PlantUML \u0111i k\u00e8m v\u1edbi m\u1ed9t th\u01b0 vi\u1ec7n c\u00e1c ki\u1ec3u t\u00edch h\u1ee3p s\u1eb5n nh\u01b0 materia<\/code>, cerulean<\/code>, v\u00e0 crt-amber<\/code>.<\/p>\n<\/li>\n
  2. \n
    Th\u01b0 vi\u1ec7n ch\u1ee7 \u0111\u1ec1 b\u00ean ngo\u00e0i:<\/b> B\u1ea1n c\u00f3 th\u1ec3 t\u1ea3i c\u00e1c ch\u1ee7 \u0111\u1ec1 t\u00f9y ch\u1ec9nh \u0111\u01b0\u1ee3c l\u01b0u tr\u1eef tr\u00ean GitHub ho\u1eb7c m\u00e1y ch\u1ee7 c\u1ee5c b\u1ed9 b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng !theme <t\u00ean-ch\u1ee7-\u0111\u1ec1> from <url><\/code> l\u1ec7nh.<\/p>\n
    \"PlantUML<\/p>\n<\/li>\n
  3. \n
    T\u00ednh nh\u1ea5t qu\u00e1n to\u00e0n c\u1ee5c:<\/b> Thay v\u00ec th\u00eam c\u00e1c ki\u1ec3u CSS n\u1ed9i tuy\u1ebfn cho m\u1ecdi l\u1edbp ho\u1eb7c th\u00e0nh ph\u1ea7n, vi\u1ec7c \u00e1p d\u1ee5ng m\u1ed9t ch\u1ee7 \u0111\u1ec1 s\u1ebd thi\u1ebft l\u1eadp m\u1ed9t phong c\u00e1ch tr\u1ef1c quan th\u1ed1ng nh\u1ea5t<\/b> cho t\u1ea5t c\u1ea3 c\u00e1c y\u1ebfu t\u1ed1 c\u00f9ng m\u1ed9t l\u00fac.<\/p>\n<\/li>\n<\/ol>\n
    Ph\u1ea7n 2: C\u00e1ch d\u1ec5 d\u00e0ng \u2014 \u00c1p d\u1ee5ng ch\u1ee7 \u0111\u1ec1 trong VPasCode<\/h2>\n
    M\u1eb7c d\u00f9 c\u00fa ph\u00e1p th\u1ee7 c\u00f4ng ho\u1ea1t \u0111\u1ed9ng t\u1ed1t, vi\u1ec7c nh\u1edb ch\u00ednh x\u00e1c t\u00ean ch\u1ee7 \u0111\u1ec1 ho\u1eb7c x\u1eed l\u00fd l\u1ed7i c\u00fa ph\u00e1p c\u00f3 th\u1ec3 l\u00e0m ch\u1eadm quy tr\u00ecnh l\u00e0m vi\u1ec7c c\u1ee7a b\u1ea1n. S\u1eed d\u1ee5ng m\u1ed9t tr\u00ecnh so\u1ea1n th\u1ea3o v\u0103n b\u1ea3n sang bi\u1ec3u \u0111\u1ed3 hi\u1ec7n \u0111\u1ea1i nh\u01b0 VPasCode<\/a> gi\u00fap \u0111\u01a1n gi\u1ea3n h\u00f3a ho\u00e0n to\u00e0n quy tr\u00ecnh n\u00e0y.<\/p>\n
    1. Menu ch\u1ecdn ch\u1ee7 \u0111\u1ec1 tr\u1ef1c quan<\/h3>\n
    \"Select
    Ch\u1ecdn ch\u1ee7 \u0111\u1ec1 trong VPasCode \u0111\u1ec3 \u00e1p d\u1ee5ng c\u00e1c ch\u1ee7 \u0111\u1ec1 kh\u00e1c nhau.<\/figcaption><\/figure>\n
    \"Materia
    Ch\u1ee7 \u0111\u1ec1 Materia \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u1ecdn trong VPasCode.<\/figcaption><\/figure>\n
    D\u1eebng vi\u1ec7c t\u00ecm ki\u1ebfm trong t\u00e0i li\u1ec7u \u0111\u1ec3 t\u00ecm t\u00ean ch\u1ee7 \u0111\u1ec1. Menu th\u1ea3 xu\u1ed1ng ch\u1ee7 \u0111\u1ec1 t\u00edch h\u1ee3p s\u1eb5n menu th\u1ea3 xu\u1ed1ng ch\u1ee7 \u0111\u1ec1<\/b> hi\u1ec3n th\u1ecb danh s\u00e1ch \u0111\u01b0\u1ee3c ch\u1ecdn l\u1ecdc c\u00e1c ki\u1ec3u ph\u1ed5 bi\u1ebfn tr\u1ef1c ti\u1ebfp trong thanh c\u00f4ng c\u1ee5 tr\u00ecnh so\u1ea1n th\u1ea3o c\u1ee7a b\u1ea1n.<\/p>\n
    2. Ch\u00e8n m\u00e3 t\u1ef1 \u0111\u1ed9ng<\/h3>\n
    Vi\u1ec7c ch\u1ecdn m\u1ed9t ki\u1ec3u s\u1ebd t\u1ef1 \u0111\u1ed9ng th\u00eam \u0111\u00fang !theme<\/code> d\u00f2ng v\u00e0o k\u1ecbch b\u1ea3n PlantUML c\u1ee7a b\u1ea1n. B\u1ea1n kh\u00f4ng c\u1ea7n ph\u1ea3i ghi nh\u1edb ch\u00ednh x\u00e1c \u0111\u1ecbnh d\u1ea1ng l\u1ec7nh ho\u1eb7c g\u00f5 th\u1ee7 c\u00f4ng c\u00e1c kh\u1ed1i m\u00e3.<\/p>\n
    3. Xem tr\u01b0\u1edbc tr\u1ef1c ti\u1ebfp ngay l\u1eadp t\u1ee9c<\/h3>\n
    \"Live
    Xem tr\u01b0\u1edbc tr\u1ef1c ti\u1ebfp ngay khi b\u1ea1n ch\u1ecdn m\u1ed9t ch\u1ee7 \u0111\u1ec1.<\/figcaption><\/figure>\n
    Xem tr\u01b0\u1edbc c\u00e1c thay \u0111\u1ed5i tr\u1ef1c quan c\u1ee7a b\u1ea1n theo th\u1eddi gian th\u1ef1c. Chuy\u1ec3n \u0111\u1ed5i gi\u1eefa c\u00e1c phong c\u00e1ch s\u00e1ng, t\u1ed1i, c\u1ed5 \u0111i\u1ec3n ho\u1eb7c hi\u1ec7n \u0111\u1ea1i \u0111\u1ec3 xem s\u01a1 \u0111\u1ed3 c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c hi\u1ec3n th\u1ecb ngay l\u1eadp t\u1ee9c tr\u01b0\u1edbc khi ho\u00e0n t\u1ea5t t\u00e0i li\u1ec7u.<\/p>\n
    4. Ch\u1ee7 \u0111\u1ec1 t\u00f9y ch\u1ec9nh \u0111\u1ed9c quy\u1ec1n<\/h3>\n
    \"Visual
    Ch\u1ee7 \u0111\u1ec1 Visual Paradigm \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong VPasCode<\/figcaption><\/figure>\n
    \"Rose
    Ch\u1ee7 \u0111\u1ec1 Rose \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng trong VPasCode<\/figcaption><\/figure>\n
    Truy c\u1eadp c\u00e1c t\u00f9y ch\u1ecdn \u0111\u1ed9c \u0111\u00e1o nh\u01b0 visual-paradigm<\/code> ch\u1ee7 \u0111\u1ec1<\/b> (v\u1edbi c\u00e1c ti\u00eau \u0111\u1ec1 xanh d\u01b0\u01a1ng s\u1ea1ch s\u1ebd, hi\u1ec7n \u0111\u1ea1i) v\u00e0 rose<\/code> ch\u1ee7 \u0111\u1ec1<\/b> (mang l\u1ea1i v\u1ebb ngo\u00e0i v\u00e0ng-\u0111\u1ecf c\u1ed5 \u0111i\u1ec3n c\u1ee7a IBM Rational Rose).<\/p>\n
    Kh\u00e1m ph\u00e1 c\u00e1c t\u00ednh n\u0103ng ch\u1ee7 \u0111\u1ec1 m\u1edbi:<\/b><\/em><\/p>\n
    \u2022 \u0110\u1ecdc v\u1ec1 Giao di\u1ec7n ch\u1ecdn ch\u1ee7 \u0111\u1ec1 PlantUML m\u1edbi<\/a><\/em><\/p>\n
    \u2022 T\u00ecm hi\u1ec3u th\u00eam v\u1ec1 Ch\u1ee7 \u0111\u1ec1 t\u00f9y ch\u1ec9nh Visual Paradigm v\u00e0 Rose<\/a><\/em><\/p>\n
    K\u1ebft lu\u1eadn<\/h2>\n
    Cho d\u00f9 b\u1ea1n ch\u1ec9nh s\u1eeda m\u00e3 th\u1ee7 c\u00f4ng hay s\u1eed d\u1ee5ng tr\u00ecnh ch\u1ec9nh s\u1eeda t\u01b0\u01a1ng t\u00e1c, vi\u1ec7c s\u1eed d\u1ee5ng ch\u1ee7 \u0111\u1ec1 PlantUML<\/b> s\u1ebd t\u1ea1o ra t\u00e0i li\u1ec7u r\u00f5 r\u00e0ng, chuy\u00ean nghi\u1ec7p ch\u1ec9 trong v\u00e0i gi\u00e2y.<\/p>\n
    H\u00e3y th\u1eed ki\u1ec3m tra m\u00e3 c\u1ee7a b\u1ea1n trong VPasCode<\/b><\/a> tr\u00ecnh \u0111\u1ec3 tr\u1ea3i nghi\u1ec7m vi\u1ec7c t\u1ea1o ki\u1ec3u ch\u1ee7 \u0111\u1ec1 nhanh ch\u00f3ng d\u1ef1a tr\u00ean danh s\u00e1ch th\u1ea3 xu\u1ed1ng ngay h\u00f4m nay.<\/p>\n","protected":false},"excerpt":{"rendered":"Vi\u1ec7c \u00e1p d\u1ee5ng m\u1ed9t ch\u1ee7 \u0111\u1ec1 PlantUML l\u00e0 c\u00e1ch nhanh nh\u1ea5t \u0111\u1ec3 bi\u1ebfn m\u00e3 v\u0103n b\u1ea3n thu\u1ea7n t\u00fay th\u00e0nh t\u00e0i li\u1ec7u ph\u1ea7n m\u1ec1m chuy\u00ean nghi\u1ec7p, ch\u1ec9n chu. Theo m\u1eb7c \u0111\u1ecbnh, c\u00e1c bi\u1ec3u \u0111\u1ed3 PlantUML ti\u00eau chu\u1ea9n s\u1eed d\u1ee5ng c\u00e1c h\u00ecnh…","protected":false},"author":3,"featured_media":2201,"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-2200","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\/vn\/how-to-apply-a-theme-in-plantuml\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\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\/vn\/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\/vn\/wp-content\/uploads\/sites\/12\/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=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/\"},\"author\":{\"name\":\"lydia\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/person\\\/12c9d7eebd5a93e488dbdc730a895482\"},\"headline\":\"C\u00e1ch \u00e1p d\u1ee5ng ch\u1ee7 \u0111\u1ec1 trong PlantUML\",\"datePublished\":\"2026-08-24T07:38:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/\"},\"wordCount\":1055,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/08\\\/Screenshot-2026-08-24-at-3.29.29-PM-1.png\",\"articleSection\":[\"Tutorials & Guides\"],\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/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\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/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\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/08\\\/Screenshot-2026-08-24-at-3.29.29-PM-1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/08\\\/Screenshot-2026-08-24-at-3.29.29-PM-1.png\",\"width\":645,\"height\":591},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/how-to-apply-a-theme-in-plantuml\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00e1ch \u00e1p d\u1ee5ng ch\u1ee7 \u0111\u1ec1 trong PlantUML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/person\\\/12c9d7eebd5a93e488dbdc730a895482\",\"name\":\"lydia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@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\\\/vn\\\/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\/vn\/how-to-apply-a-theme-in-plantuml\/","og_locale":"vi_VN","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\/vn\/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\/vn\/wp-content\/uploads\/sites\/12\/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":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":false,"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"4 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.vpascode.com\/vn\/how-to-apply-a-theme-in-plantuml\/#article","isPartOf":{"@id":"https:\/\/www.vpascode.com\/vn\/how-to-apply-a-theme-in-plantuml\/"},"author":{"name":"lydia","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/person\/12c9d7eebd5a93e488dbdc730a895482"},"headline":"C\u00e1ch \u00e1p d\u1ee5ng ch\u1ee7 \u0111\u1ec1 trong PlantUML","datePublished":"2026-08-24T07:38:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/how-to-apply-a-theme-in-plantuml\/"},"wordCount":1055,"commentCount":0,"publisher":{"@id":"https:\/\/www.vpascode.com\/vn\/#organization"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/how-to-apply-a-theme-in-plantuml\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png","articleSection":["Tutorials & Guides"],"inLanguage":"vi","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.vpascode.com\/vn\/how-to-apply-a-theme-in-plantuml\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/how-to-apply-a-theme-in-plantuml\/","url":"https:\/\/www.vpascode.com\/vn\/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\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/how-to-apply-a-theme-in-plantuml\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/how-to-apply-a-theme-in-plantuml\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/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\/vn\/how-to-apply-a-theme-in-plantuml\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/how-to-apply-a-theme-in-plantuml\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/how-to-apply-a-theme-in-plantuml\/#primaryimage","url":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png","contentUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/08\/Screenshot-2026-08-24-at-3.29.29-PM-1.png","width":645,"height":591},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/how-to-apply-a-theme-in-plantuml\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/vn\/"},{"@type":"ListItem","position":2,"name":"C\u00e1ch \u00e1p d\u1ee5ng ch\u1ee7 \u0111\u1ec1 trong PlantUML"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/vn\/#website","url":"https:\/\/www.vpascode.com\/vn\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/vn\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/person\/12c9d7eebd5a93e488dbdc730a895482","name":"lydia","image":{"@type":"ImageObject","inLanguage":"vi","@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\/vn\/author\/lydia\/"}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/posts\/2200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/comments?post=2200"}],"version-history":[{"count":0,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/posts\/2200\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media\/2201"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media?parent=2200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/categories?post=2200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/tags?post=2200"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/asset-category?post=2200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}