You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
801 lines
62 KiB
Markdown
801 lines
62 KiB
Markdown
# Themes - different styles and languages
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hLRRZjis47tNLqoS594AhTtjRbuA68ZNLXi7ljNo9ksJGL6qJOGY5PAoroZwxntgPcitQ86sBxPucpCyF7F8zyOIROjCU6-1KCkFn383aft0sBDWVPXQE103La72m32BVpkb6H2m1vOnK1e_n_VRxs771GDkW4igYfIbtglryd4nYIRRUFFxB1hUUW3UgteK3jRcvgV1G9DJVy_jeKWAmpHLqZ9f-rHbWrmGwJAxCJOLF1cCxszMhkjnFXiSV-pVtlL_mBxj69SGBfdkvsuRNlnX-NcxYjRnSh5TFcvcqqNa1xYx3TaRC4MUAsr1AZ0veSnbwpO2ak1U_8GObeAgkWgPCYsuv7AFP33Db3tdp8HmEd1wW5J9jxODM4SZyfmXEq4V476wQxkHCCs-5WpZf0saO7icqx3-1ykUB9oGYMhH5Uifs-7-Kc-Kff50pgN5lVYzXD0lkB3TVo-4DpjiZ9LGUlWccaNpQB7P_hp4d_5ojbpZUBAlHdklx-xUJKRlt1fp83aRHdn_i377SujTsmzmfCfiWuaD6pIW3Hpup2q1uzO4lS2bjsQYJ8sOiwGkjjjKdSzelSQ3wMI3vBBEwFL0xFGtd11pOEaCstxGWN08W_yHHrbxmV4ijoZcbbf8ETbhabNdevMJHWe-LHe7WwfKF6_5j57IfuMnAcCwX77xrHj1qmrgLnv_GkINi0gObmk9AFkm32a2M8EKUl4P5PDj7nmYqMUVtcAiATO80bjumEcepbu0Vs1jmILV_yIIBSbpdFoP9J3ASy4fiLn99AltaHn9276kdRBddyQkRy84Fs8QPMhe2PPJg8iHHPsMtIrkKk52l1fXabra52-6Yt5Oi9iLsJE7tg36LFFSXZ2I-q8GfzZUIgiZAWXhH8Xle-mAILtgH71xTYNHC6dWo4iRuXfmmv1eTK8FUP5IfXAqffgFUTbeaXg_3k4taX6aefiC29vnLwocI9phrOVsxvAh4i0wFdBAdgStIVoKMEAinvr3_UcoYN-TGQTjqLeCE9z4DzbpOtLvfcWeQCbP-Hqwty2A0LAWiAXcAPuW9m9j2tN5Z06XzjXWblPV45NNE3B5dMHNqsyhPw9mcePhuxamzmyCEL8mS5cpQCZ3bouMU7-ske-UhCyomiNMb1q85DtCiGtL18UymMFX9IWMq9nJhOpQMOYUw858b5-r4iDUnQnpkqJ5c7AdtHtmq6Yx1QXfT_giLK3T1TZixufy88agx4K2OLlB8U1PIKDA9YxqU-XcLtvngTf7mup3_h3Ph6ASs9rNrTZVp-c8lfnQmMqNphOJTUKHLRZ60Uf8PMTN40rWwReXVCGRTb21jwTP6N8LuJg3_n9e-u2BBsbVYgKRTCr8Qc2dLLOQrabpzvAnoW7LE9E7SSE2Ytd5rZEHnHZM0BjnlMMCIoBFzDZDeRkkCCwSM_XulbdLWThDT9Q_K6N3q-MkGxV2ryyphgwkmg1-_yoYNwB51DyzEwMikx_mcIMhowPvGy6n3z-v0qT5-a79sTKBousExpyrmzvxp1AVLty1)
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hLPRRzis57xNhpXrEzG657jTqfS10UhOsfh2ZZtBRVSmmA2eOvieHMeaPSSOzjztg9kjfBi0QnuSyP3dEz-vak-iOyOLcGnUk3rc29ERJQ64mnIsHcUmTowtFuv6XXs7E-7sHL9OD5mhXyeDkSv6kMJA0rnPbqgHZ2OtLqil-ZYVZGu_3DzS3xyVbT0sU24KbqMAtmYLg4v8XGc5PfXx7uBu_UBpPXcjuiN3Pl5nFRj_YFg3u3MisSw2BV9S6mTAWyqPHmj20L43nSZnVi8iUQqhKQ5ID58eeNPW7HhKxfIZ3U6u5tmFgLQlNGjOep5rohJ1mH38ulss5Hi4WxyNQ7rKQvCITwZIiFuF3XyT72aIbHBicGMd8K58SKl-fS4uJID9KLIEVEdt4iQ_a6BhVo-4LrjQJBJKvlPLD8lcqSDwyzE2VYQBsM95-yckskszlBv-Ens_zJfsptAyZSHkxsAHOXhxTNz0EnMpDH6xRQm1Rypzfj2hWFKwlO5djq9PCcFsfBY7zZxLTCQh5UMbuK5XnR_TYDr9uksKsJscCrht1nrq3pxwDYQqSsSJWHDEKlKt3a8gsCwm3BRQm3tLfL7eu8wfBxuYuXFbCWk29HghLPyNrkaCJGYJzgitXaOCUblcF27jiCfoNYeoMSg0SQuBvIm5CgYWDtSaI9avzVaRmdfAe3U0FmAWlvPl_uZ9XkKv7VwC2OppN0hEdD2AujJxm0uiX3WtdlpyqyJBfYZ5WMYKr6WAEC6Xxa2gvBGKjtQJnl7bc4XsBLF54bnCsnAlbco7tdfZDUP6v2w4iTeLalaoxIsDFb3PK6D8-NKhsq9nJvr9uKw-3tXH1jB2GJ2l8WoGlv0OVQIvyOnHfXCXiGx7l5mqd2OlG_YLPOmYqUK2KcJbsBD5OebBdRF_miq-8rSHeDuz28vFwKsJVieSy-F6fw7-z6pYNsRGMJiQ9nRyRAG9iXFMcJAbD4IeBBFoE_IpWde5M45rnGscb43198qgAYkq5gJUqG8T7puBLDtN52dXAtPv__N2cMewPk1os9mZzoyHya4XuB9RQGZVFfzSW-3FjkoZHzV7Z0cviQM034LNSrhNBUSjhoajeZHA_JCNt6YhjmwYHxvdYgglqYJO2yoQsncLCDNM-BdVxUcBiFlohAk0aw3rxoBum19Tk7C9X6qhXq2vKfQLaJY7Fw0vTZ4kpatxqQBrjj-lrykO3dRFLItspsSwHLyUhSnj7loeJlJ5YAZWcW5G8vN2Ra4q1ijv6y87kbL7bV4sczKehX0k6VmVeCqTAPzfdvkb2xf2bjhgbUBdrT5G-_fRqnkgxKpl9aqKFEP5j9uKMKom5l3AIqkCCv4dzTZbqDKhh9_DhVbulbxMGAqp7VLdLTd4wNpBqRIY5y-JM5rSWeFwpJEBVeuUflJMsMhj_FL5JojLtJNDkmaEG_ZE9vmgiZyeOtRnglAxavjFpNRmZbZIa-el)
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hP51JzH05CVlyoc6zK0tMLhHFNbYAHivbAMnHUEfcTqEkpNjj6cdReWneJCA9ceqYX1lIWYW9gZP62yhV9Wdx7uCfml2mQjpchptVx_t_y_CPPoaF8z2DCLxDABOh5k4TNFIfTu3aX16CufNqpZ2FSwJx9PXfAIlTmFUozjvHjDEp3XbNE_4aP64X9MecOpxOT0spFgCNPPMbYpZuGrzzgP-tPWioT1Km3fXxjF_H3Nhdgb6IC1egYTb6cGrxY-lk9xLQ2quPiDkQbM4R9fcCTE87mMiXYkZeu-ZrnlZzQULAdBMCauZRpxEcK_IDQqpMyFJ87w0783S0VbbkeeV8QpEvIAjJziUIH950h4FuW3aDeZTYVmpYEyWXo1-WbJrGKM9p6irt71ilTLq5IIbM9d7ItVDiZVUspnxzmsA8xSVS4vJ42SWza1-0FbfSXc0U7FsTMiyb52y1_4SYhTG74Bn0ee3A5v2SQpgAiVZYoGQFmSfzWLIDT4T6lvDVsN-zw-JqTRXERRqikYwjgFKfVXITOK3-MJYQ0ZocJ9r-chxz7ZdtsdaB2xVywpcxMPhGRtz76M--fS_)
|
|
|
|
- [📄 C4-PlantUML](README.md#c4-plantuml)
|
|
- [📄 Layout Options](LayoutOptions.md#layout-options)
|
|
- [📄 Themes (different styles and languages)](#themes---different-styles-and-languages)
|
|
- [Additional styles](#additional-styles)
|
|
- [Rounded rectangle style (without color changes, `!ROUNDED_STYLE=1`)](#rounded-rectangle-style-without-color-changes-rounded_style1)
|
|
- [Update basic themes with a new, modernized style (`!NEW_C4_STYLE=1`)](#update-basic-themes-with-a-new-modernized-style-new_c4_style1)
|
|
- [Use theme](#use-theme)
|
|
- [List of available C4 style themes](#list-of-available-c4-style-themes)
|
|
- [C4_blue](#c4_blue)
|
|
- [C4_blue with `!NEW_C4_STYLE=1`](#c4_blue-with-new_c4_style1)
|
|
- [C4_blue_new (**without** `!NEW_C4_STYLE=1`)](#c4_blue_new-without-new_c4_style1)
|
|
- [C4_brown](#c4_brown)
|
|
- [C4_brown_new (**without** `!NEW_C4_STYLE=1`)](#c4_brown_new-without-new_c4_style1)
|
|
- [C4_green](#c4_green)
|
|
- [C4_green_new (**without** `!NEW_C4_STYLE=1`)](#c4_green_new-without-new_c4_style1)
|
|
- [C4_sandstone](#c4_sandstone)
|
|
- [C4_superhero](#c4_superhero)
|
|
- [C4_united](#c4_united)
|
|
- [C4_violet](#c4_violet)
|
|
- [C4_violet_new (**without** `!NEW_C4_STYLE=1`)](#c4_violet_new-without-new_c4_style1)
|
|
- [Matt Weagle themes](#matt-weagle-themes)
|
|
- [Write custom themes](#write-custom-themes)
|
|
- [Following variables could be set in a theme, additional to the skinparams and styles](#following-variables-could-be-set-in-a-theme-additional-to-the-skinparams-and-styles)
|
|
- [(C4 styled) Sequence diagram and themes](#c4-styled-sequence-diagram-and-themes)
|
|
- [List of available C4 language themes](#list-of-available-c4-language-themes)
|
|
- [C4Language_english](#c4language_english)
|
|
- [C4Language_chinese](#c4language_chinese)
|
|
- [C4Language_danish](#c4language_danish)
|
|
- [C4Language_dutch](#c4language_dutch)
|
|
- [C4Language_german](#c4language_german)
|
|
- [C4Language_italian](#c4language_italian)
|
|
- [C4Language_japanese](#c4language_japanese)
|
|
- [C4Language_korean](#c4language_korean)
|
|
- [C4Language_portuguese](#c4language_portuguese)
|
|
- [C4Language_russian](#c4language_russian)
|
|
- [C4Language_spanish](#c4language_spanish)
|
|
- [C4Language_ukrainian](#c4language_ukrainian)
|
|
- samples
|
|
- [📄 C4 Model Diagrams](samples/C4CoreDiagrams.md#c4-model-diagrams)
|
|
|
|
## Additional styles
|
|
|
|
### Rounded rectangle style (without color changes, `!ROUNDED_STYLE=1`)
|
|
|
|
To enable rounded rectangles without changing any colors, use one of the following methods:
|
|
|
|
- Add `!ROUNDED_STYLE=1` before including any C4_* files
|
|
- Pass the command line argument `-DROUNDED_STYLE=1` to PlantUML
|
|
|
|
> [!WARNING]
|
|
> Place the `!ROUNDED_STYLE=1` statement BEFORE all C4_ `!include` statements.
|
|
|
|
```plantuml
|
|
@startuml
|
|
' activates new style. It has to be set before a theme or a C4_* file is included
|
|
!ROUNDED_STYLE=1
|
|
|
|
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/C4_Container.puml
|
|
|
|
LAYOUT_LANDSCAPE()
|
|
|
|
Person(admin, "Administrator")
|
|
System_Boundary(c1, 'Sample') {
|
|
Container(web_app, "Web Application", "C#, ASP.NET Core 2.1 MVC", "Allows users to compare multiple Twitter timelines")
|
|
}
|
|
System(twitter, "Twitter")
|
|
|
|
Rel(admin, web_app, "Uses", "HTTPS")
|
|
Rel(web_app, twitter, "Gets tweets from", "HTTPS")
|
|
|
|
SHOW_LEGEND()
|
|
@enduml
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/JL1TQzj047o_Nx5n7omNHwhRF1KAKMMH51HRH793diH9MjS7zo7kLX6czBztrRf9xsMEdTdTcRqD93sDHeibo8xKYoGCO762G6UDCNmZECa0vA1524WCH-SH9D093OBp_CrkclTmL1f11L2sqsEFlRXwt1zsstpRLFLpaN_P211N5n9EH4Fud2HUJl4FHQUn7GFwpbb2It7dJ39eQMTZru5whTeakxakvzBXeKXUFiQRJ_47hZKPjqXbqSV3d48KwVF-K3T5kjjMMLhcqKg84drmDfAzKNODYtH65SXBSdwn4jKv49hcgnjjB_qvwZPhM5RI31gNA_WfWD_hccZ2jf73m7EUi8Lq6BJg92bd5rpAtgqXhSfubzVSmcTYe_3mFPkvL6it1PXp_hadXnmaIyoeIV4kg2T5X1v86TIyAx2tNnTt4VqbUSv5ngHuHFqlrPkjG-1EnlkwBYjMpQ9NzctC7HBRc726etVc_nPHtU-VcYA_otTRFk0jsfwF-ni=)
|
|
|
|
### Update basic themes with a new, modernized style (`!NEW_C4_STYLE=1`)
|
|
|
|
In July 2025, [c4model.com](https://c4model.com/) used a new visual style for C4 diagrams. The basic themes (C4_blue [default], C4_brown, C4_green and C4_violet) can now use this updated wireframe styling (internally it swaps background and text colors and uses rounded rectangles).
|
|
|
|
This new style should work with most existing tag definitions (tag colors are automatically swapped), but in some cases, tag definitions may need manual updates.
|
|
|
|
> [!WARNING]
|
|
> **This feature is only intended and tested for diagrams using the basic themes** (C4_blue [default], C4_brown, C4_green, and C4_violet). Other themes may have unintended side effects if background and font colors are swapped (`!ROUNDED_STYLE=1` could be a good alternative).
|
|
>
|
|
> Another side effect is the **changed meaning of the color arguments**: when the new style is enabled, `$bgColor` sets the font color and `$fontColor` sets the background color. This allows automatic migration of existing diagrams.
|
|
>
|
|
> If you are creating new diagrams, use one of the newly added themes (C4_blue_new, C4_brown_new, C4_green_new, or C4_violet_new). These provide a similar wireframe look with rounded rectangles, but do not swap the colors.
|
|
|
|
To enable the new style, use one of the following methods:
|
|
|
|
- Add `!NEW_C4_STYLE=1` before including any C4_* files
|
|
- Pass the command line argument `-DNEW_C4_STYLE=1` to PlantUML
|
|
|
|
> [!WARNING]
|
|
> Place the `!NEW_C4_STYLE=1` statement BEFORE all C4_ `!include` statements.
|
|
|
|
```plantuml
|
|
@startuml
|
|
' activates new style. It has to be set before a theme or a C4_* file is included
|
|
!NEW_C4_STYLE=1
|
|
|
|
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/C4_Component.puml
|
|
|
|
LAYOUT_LANDSCAPE()
|
|
|
|
Person(admin, "Administrator")
|
|
System_Boundary(c1, 'Sample') {
|
|
Container(web_app, "Web Application", "C#, ASP.NET Core 2.1 MVC", "Allows users to compare\nmultiple Twitter timelines") {
|
|
' init-colors of components/nodes are not swapped, avoids black background
|
|
Component(facade, "Twitter Facade")
|
|
}
|
|
}
|
|
System(twitter, "Twitter")
|
|
|
|
Rel(admin, web_app, "Uses", "HTTPS")
|
|
Rel(facade, twitter, "Gets tweets from", "HTTPS")
|
|
|
|
SHOW_LEGEND()
|
|
@enduml
|
|
```
|
|
|
|
[]((https://www.plantuml.com/plantuml/svg/JL5BQzj04BxlhvYu1yl5bkesfq8Xgg8c1SSnaLmJA8YLD8wNhdR5xiZ2XFptZbmxhWwQPLxVOsuyIKTTeyKOP4LgBmaz6Ep1qq5Z23y9Tj83MIWHF1A7hNK84cY73O9r_4okYu-mLHf1UL2cqbsDjRXQffk2Ird-l4Y_pGM8grCDTaIj_nf5JlRXYw9TLtOUNMKDeQ6miatKQca6NZDFjLPbb5pFLaDg_R28zf_3-PVm4-UAn3QjDSDGEuWGY_ZvSPqNYtXvcoNnAWqcGgpGUMi2MJVAJ64K3r5vSfAi6qr4Tl24JV7TTgQMxX1KyocCCzcq6iSJU1N0NyBCf3BeWXxBGhOjxzbW2N7RQbL9KjQCE9Lyc4AShS9bclC8kyH4uU5NCjHYhMtlOT1vj9D5jjBXRzDqcXI3GTuh8dH0ga7DO7vqXWSOiwsAPfNLbiVjzZX-5EuZOsk-6Uy2Ombyp_ImdeBSMrLxABMi_a39lnStI3mjV3SksCfAriWCp_W_ZWbsPkXx4sydXmBwLxzqSejuGdrszcBDsZDvZlTvliguQsWwmrost26n4pqEOUjiy_-4oEuVDyKYlKkNjtp36pGrt_Sl)
|
|
|
|
## Use theme
|
|
|
|
Similar to PlantUML themes supports C4-PlantUML `C4_...` specific themes too (sometimes based on existing PlantUML themes).
|
|
|
|
Additional to the standard themes with skinparam and style definitions requires C4-PlantUML corresponding variable definitions.
|
|
Therefore we started with the convention that all C4-PlantUML compatible themes start with `C4_...` in the name
|
|
(e.g. theme [`C4_united`](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4_united.puml)
|
|
bases on the [`united`](https://raw.githubusercontent.com/plantuml/plantuml/master/themes/puml-theme-united.puml) theme
|
|
and contains all additional required C4-PlantUML settings that it can be directly used in all C4-PlantUML diagrams).
|
|
|
|
> [!WARNING]
|
|
> The !theme statement has to be BEFORE the !include statements.
|
|
|
|
E.g. in order to invoke theme `C4_united` from a remote repository, you have to use the following directive:
|
|
|
|
```plantuml
|
|
!theme C4_united from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
In order to invoke a local theme `C4_foo`, you have to use the following directive:
|
|
|
|
```plantuml
|
|
!theme C4_foo from /path/to/themes/folder
|
|
```
|
|
|
|
Starting with PlantUML v1.2023.8 the C4 themes can be invoked via C4-Stdlib or calculated paths too:
|
|
|
|
```plantuml
|
|
' theme from C4-Stdlib
|
|
!theme C4_united from <C4/themes>
|
|
|
|
' another alternative: theme with calculated from
|
|
!RELATIVE_INCLUDE = "https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master"
|
|
!theme C4_united from %get_variable_value("RELATIVE_INCLUDE")/themes
|
|
```
|
|
|
|
Following simple sample uses the C4_united theme from the official remote repository path.
|
|
|
|
```plantuml
|
|
@startuml
|
|
|
|
!theme C4_united from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
|
|
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/C4_Container.puml
|
|
|
|
Person(admin, "Administrator")
|
|
System_Boundary(c1, "Sample System") {
|
|
Container(web_app, "Web Application", "C#, ASP.NET Core 2.1 MVC", "Allows users to compare multiple Twitter timelines")
|
|
}
|
|
System(twitter, "Twitter")
|
|
|
|
Rel(admin, web_app, "Uses", "HTTPS")
|
|
Rel(web_app, twitter, "Gets tweets from", "HTTPS")
|
|
|
|
SHOW_FLOATING_LEGEND()
|
|
@enduml
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL79JiCm4BtdAqouf5ARKEY94o6KWjIMY0GuHauoK4lUP4-8AiI_CsOh7u0l8_ajyvvzuP4x79ICeYFSWG9MB9f12uIUFJkZs0xH-lCiStnCNmJkXdRmu3gZ4JIcdL6PbLm7Xvd7NeesAnQpCbmzRDRPwsawFqjFiazhJpk4xkJGmp_PKjQ295neSAdzR562yqOdl5T2JrcSXoayEex6nPEesdi4rLoQGVVSxPDkJgIAAok1VM7nXBr5ZCwlSp92st1hYVa4BSkjbQBZA8oEwQeudhAyAjFjiYQ90qRPsEQn25WkfHaz2zKyGyEeb-L4KOD44LRMeq04nr0eaBJBKyJtxv09Ve7ayqqZCBe7-LFk4El1avBcJLsN5R42wHSzsAm0ASO8OOJF_Ik9gfkxf-PwVPVNjzjLirwkbjkhP19TWExfOJy0)
|
|
|
|
## List of available C4 style themes
|
|
|
|
### C4_blue
|
|
|
|
C4_blue theme is the original theme and need no activation.
|
|
|
|
Theme [C4_blue](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4_blue.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_blue from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hOyx3i8m44JxdC8vGBnyKb45HNH1eW1HedoMnDBw8-yQnErnE0FLZ4QQDvg6fO-IB1MbB6XHjVLZe8Jg6RrLYqZW0q3ittesigGXCSRHEq4dUlGM0lLkhLSi4va1shgwhD7jtC5hfxTxlO4Vc8lIk97IX7-YXbpvm1LPZaGdoXDE-9vn7Sxe9XtMKqrsMRy=)
|
|
|
|
#### C4_blue with `!NEW_C4_STYLE=1`
|
|
|
|
C4_blue is one of the basic themes which can be combined with `!NEW_C4_STYLE=1` (the other basic themes C4_brown, C4_green and C4_violet have only a different base color)
|
|
|
|
```plantuml
|
|
!NEW_C4_STYLE=1
|
|
!theme C4_blue from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hO_D2i8m48JlVOhs0PfOxKaGAgMtAeALugdqP_i3cpHaDuflR-epU9fXOBvXCkBMibCOHDUYRlAqkLVFiZWbGSGpA0Xzqg63SBIh2cTcGqSfRViMqyApwno1xLVDe5dqgv86MxtXOk81bqxcQNpReiUbbA-zI0vY9tzW2g95z-W6-1FL-Cf7La1yHYpGJsYcskDAc40FmcmdC--yVW4=)
|
|
|
|
#### C4_blue_new (**without** `!NEW_C4_STYLE=1`)
|
|
|
|
C4_blue_new is a modernized version of C4_blue with rounded rectangles and all base elements are drawn with a with background (like a wireframe) only the external elements use a gray background.
|
|
|
|
>[!WARNING]
|
|
> C4_blue_new is a new theme and does not require `!NEW_C4_STYLE=1`. Using both together may lead to unexpected results.
|
|
|
|
```plantuml
|
|
!theme C4_blue_new from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hOzB3e9044Jtd08EmBGVLgumn1qcBZGk2PyMI7gQoNIFnDixU0PNLQcaNgLAqTPhi9HaEg75j2gQZW8sZ6lwyejD9rKd9m3VhcQSTGfT4FJzmegifbyiE6fvG-IY0yqTL4L-swB7jORtmUoFPWS_k2JPp3s50Vz4TR7oWJkAdeak52TOvHbnDOx8Wt7RiJAwg5y=)
|
|
|
|
### C4_brown
|
|
|
|
Theme [C4_brown](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4_brown.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_brown from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hOyx3i8m44Jxd28vGBnyKb458ReWKO0eKJvB4cczjhnh8cwFmncePZJIlD7KectGQ2ahT4AB-QbwTi4jdB-2i_cawkK04Dh5ZBDEiOk2eNUio6fwPy5Josk_51rexk1KbTSrkbyQUE_CTcysy2DBLipSKnpmJrIVAX-ueUYHw4nfWbKU2TVWY3mOlxwgaqlw1G==)
|
|
|
|
#### C4_brown_new (**without** `!NEW_C4_STYLE=1`)
|
|
|
|
C4_brown_new is a modernized version of C4_brown with rounded rectangles and all base elements are drawn with a with background (like a wireframe) only the external elements use a gray background.
|
|
|
|
>[!WARNING]
|
|
> C4_brown_new is a new theme and does not require `!NEW_C4_STYLE=1`. Using both together may lead to unexpected results.
|
|
|
|
```plantuml
|
|
!theme C4_brown_new from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hOyx3i8m44Jxd28vGBnyKb45HNH1eW1HHlaiYQNrshBNHDmUXpDGpMYaUQEfW_HUeg6ia0KDvatL3Twkt36k-SjRaoyYBfm0VB-gMSiIXnZGZvO5MTHe3JZgUMEKGIRI0pHLUTkYnxM5zq7jZse7Fth82iqZnGd_H7Mfye4x1ZaJNIXDi8HdmhKu8q_ARS_gv99-0G==)
|
|
|
|
### C4_green
|
|
|
|
Theme [C4_green](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4_green.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_green from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hOyx3i8m44Jxd28vGBnyKb45HNH1eW1HedoMnD9wOtdN86wFmncePZJIlD7KebtGw2WhT4Q7ULCzfe38-JCiBfzLlHm0GlSsazKvzb4m30ihiffXSU2fuxLVYevaUsYgyh96jtCBhvtPxiq6VcJ92ii3nH7_HFMfye4hYXw9JfGcMEMUS2rEoAFnwwiwkQHV)
|
|
|
|
#### C4_green_new (**without** `!NEW_C4_STYLE=1`)
|
|
|
|
C4_green_new is a modernized version of C4_green with rounded rectangles and all base elements are drawn with a with background (like a wireframe) only the external elements use a gray background.
|
|
|
|
>[!WARNING]
|
|
> C4_green_new is a new theme and does not require `!NEW_C4_STYLE=1`. Using both together may lead to unexpected results.
|
|
|
|
```plantuml
|
|
!theme C4_green_new from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hOzB3e9044Jtd08EmBGVLgumn1qcBZGk2PyMI7gQoNIFnDixU0PNLQcaNgLAqTPhi9HaEg75j2gQqIDomxYcBx_OT59rSWBmxMh6MQVG1K7VBwp8Qlh5WgEMDqOkEj3SGLNajorwN6ju7yp-Q7RmeqkIpTnJ6F1FL1Sh7xYZw9deGd62LPuHL-E8F1YtFIkZY_e5)
|
|
|
|
### C4_sandstone
|
|
|
|
Theme [C4_sandstone](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4_sandstone.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_sandstone from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hO_D3e8m48JlF0Ky05r_E7d246-OUD1uD8MkGD9kc-vMuzjRV0PFCvbalicqB3fAShQeP4Q7PTSyM9DXyOJbCtfNpYA13m1HlzMqo9o6n1X7Ju8aQlGEWjMqCceMOvS1kgQ-hD7jtCDhfxPxjO4VdOjgeT4cWt-YXbpvm1LPZjQUR9uWuNl6zJWX6HNMPsrsMRy=)
|
|
|
|
### C4_superhero
|
|
|
|
Theme [C4_superhero](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4_superhero.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_superhero from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hOyx3i8m44Jxd28vGBnyKb45HNH1eW1HeiHPuaZhZxnh4BV7uGnKCvhYpKpBCaH9befA35eik-R1AM0q67tvZDwMHYJm0I0ERpKlOjAO6AFsJj29qjv2eC6jZ9fbecM4hgalQtGxz_3QgUrURU17vw9QdAOquP-eUQZ-m1LPZaGdoXLE-9vnFSxe9XNMPsrsMRy=)
|
|
|
|
### C4_united
|
|
|
|
Theme [C4_united](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4_united.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_united from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hOyx3i8m44Jxd28vGBnyKb45HNH1eW1HeYHU4alhZxnh4BV7uGnKCnfftcXQbY5AibHKig35iciUoHb1NJwZj-KY4lW048UtceqiQKoCSV9Eq8cQl8L0Wri1DOicCqBNr9SrkfrxUEtKTgysy4DpKHatKTBu9sh8bGzSaUL8TA8yuOJl6TVZZ4whiDvgiylw1G==)
|
|
|
|
### C4_violet
|
|
|
|
Theme [C4_violet](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4_violet.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_violet from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hOzB3e9044Jtd08EmBGVLgumX1qcBZGk3PyM9kdvPBe7u-qTF8EhgbHIhr8rInya6ieAMT1WtbJFLJj2oL_1cNmHyNm22FrRpLgME4J6C3ehQ4MDpe2dtcw0acKYFK1JbTSjkbywM0zgVrGx-A4vAxGTAKxu9wfFbG_SaELCr5AQiCAFXEjmHZiflzsgaqlw1G==)
|
|
|
|
#### C4_violet_new (**without** `!NEW_C4_STYLE=1`)
|
|
|
|
C4_violet_new is a modernized version of C4_violet with rounded rectangles and all base elements are drawn with a with background (like a wireframe) only the external elements use a gray background.
|
|
|
|
>[!WARNING]
|
|
> C4_violet_new is a new theme and does not require `!NEW_C4_STYLE=1`. Using both together may lead to unexpected results.
|
|
|
|
```plantuml
|
|
!theme C4_violet_new from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hOyx3i8m44Jxd28vGBnyKb458ReWKO0eetoMnD9wRTdhHDmUXpDGpMYaUQEfWtHUeg6ia1aDvfUgNRGbb9PnpT_UcdmMSU44uBjLJLhcsCU0Vh0ioA86Qy1Hnnka33AIxk5IbVSjUjuQM0vgVrGx-E53LcWUA8xu9wfBbGyyCCYPw4ffWYMy4gx12NbKRhjM9vVq2m==)
|
|
|
|
## Matt Weagle themes
|
|
|
|
Matt Weagle published a set of impressive themes based on ColorBrewer and Seaborn palettes (thank you Matt).
|
|
|
|
[https://github.com/mweagle/C4-PlantUML-Themes](https://github.com/mweagle/C4-PlantUML-Themes) contains an overview of all his themes.
|
|
|
|
They can be simply invoked like the `cb_seq_YlOrBr_9` theme
|
|
|
|
```plantuml
|
|
@startuml
|
|
!theme cb_seq_YlOrBr_9 from https://raw.githubusercontent.com/mweagle/C4-PlantUML-Themes/main/palettes
|
|
|
|
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/C4_Container.puml
|
|
|
|
Person(admin, "Administrator")
|
|
System_Boundary(c1, "Sample System") {
|
|
Container(web_app, "Web Application", "C#, ASP.NET Core 2.1 MVC", "Allows users to compare multiple Twitter timelines")
|
|
}
|
|
System(twitter, "Twitter")
|
|
|
|
Rel(admin, web_app, "Uses", "HTTPS")
|
|
Rel(web_app, twitter, "Gets tweets from", "HTTPS")
|
|
|
|
SHOW_FLOATING_LEGEND()
|
|
@enduml
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/ZL7BJiCm4BpxAqovf19DU5tWH2YbHIfjHG8LfyX9bjQINzWR8eJuTzPgUHpnPQMTsTcPzLL0uR7JYXtW5ZJmfgu2l5RFQkclVNN1NxpLV8lemcMMUT6d6udRhku2-COQ18DfOtMcUn0R1TduVBHImk3Z_NnKHi6GQI5DveG2H0YC7KZJgAw5VuYwg4JUHW5R9Uk_ujdRQNfobXvJhnhJ2Eq0dxeOXAt01siIqMffZlWWZrK6z0Aj7mnPyHuGT7LjEzCA_vuq9qGgX7OA-0uR3Fa7u_H-b9CUwaeuHymrr3ntJib6eBHcGAtnuH7FYrMwc9Gque6JDtx_D8vOhfJj0u_H0aVBAPSJHD6TGXbNbhsamtYEKeEYNO4iVkvD9hW3IMTF8v0zWFeEzslhCT0arLbPhWfYHT8F-Yip1IGRFSGIl_Rl22jcotLrEr_cvTrYMiqdqydY9XcoAp0j7VOB)
|
|
|
|
## Write custom themes
|
|
|
|
You can create your own theme on your local file system. You can duplicate any existing theme to create your own one.
|
|
|
|
By default, a theme file is named `puml-theme-C4_foo.puml` where `C4_foo` is the name of the theme.
|
|
|
|
In contrast to the normal themes (with skinparams and/or styles) the corresponding color,... variables have to overwritten too (e.g. that the legend is updated... details see below).
|
|
|
|
If you have any interesting theme, you can also propose a pull request so that we integrate this theme into the C4-PlantUML standard library.
|
|
|
|
### Following variables could be set in a theme, additional to the skinparams and styles
|
|
|
|
- stereotype and technology font size
|
|
|
|
```plantuml
|
|
!$STEREOTYPE_FONT_SIZE ?= 12
|
|
!$TECHN_FONT_SIZE ?= 12
|
|
```
|
|
|
|
- default text color of all elements
|
|
|
|
```plantuml
|
|
!$ELEMENT_FONT_COLOR ?= "#FFFFFF"
|
|
```
|
|
|
|
- arrow related colors and text size
|
|
|
|
```plantuml
|
|
!$ARROW_COLOR ?= "#666666"
|
|
!$ARROW_FONT_COLOR ?= $ARROW_COLOR
|
|
!$ARROW_FONT_SIZE ?= 12
|
|
```
|
|
|
|
- (default) boundary related colors and style
|
|
|
|
```plantuml
|
|
!$BOUNDARY_COLOR ?= "#444444"
|
|
!$BOUNDARY_BG_COLOR ?= "transparent"
|
|
!$BOUNDARY_BORDER_STYLE ?= "dashed"
|
|
```
|
|
|
|
- person related colors
|
|
|
|
```plantuml
|
|
!$PERSON_FONT_COLOR ?= $ELEMENT_FONT_COLOR
|
|
!$PERSON_BG_COLOR ?= "#08427B"
|
|
!$PERSON_BORDER_COLOR ?= "#073B6F"
|
|
```
|
|
|
|
- external person related colors
|
|
|
|
```plantuml
|
|
!$EXTERNAL_PERSON_FONT_COLOR ?= $ELEMENT_FONT_COLOR
|
|
!$EXTERNAL_PERSON_BG_COLOR ?= "#686868"
|
|
!$EXTERNAL_PERSON_BORDER_COLOR ?= "#8A8A8A"
|
|
```
|
|
|
|
- system related colors
|
|
|
|
```plantuml
|
|
!$SYSTEM_FONT_COLOR ?= $ELEMENT_FONT_COLOR
|
|
!$SYSTEM_BG_COLOR ?= "#1168BD"
|
|
!$SYSTEM_BORDER_COLOR ?= "#3C7FC0"
|
|
```
|
|
|
|
- external system related colors
|
|
|
|
```plantuml
|
|
!$EXTERNAL_SYSTEM_FONT_COLOR ?= $ELEMENT_FONT_COLOR
|
|
!$EXTERNAL_SYSTEM_BG_COLOR ?= "#999999"
|
|
!$EXTERNAL_SYSTEM_BORDER_COLOR ?= "#8A8A8A"
|
|
```
|
|
|
|
- system boundary related colors and style
|
|
|
|
```plantuml
|
|
!$SYSTEM_BOUNDARY_COLOR ?= $BOUNDARY_COLOR
|
|
!$SYSTEM_BOUNDARY_BG_COLOR ?= $BOUNDARY_BG_COLOR
|
|
!$SYSTEM_BOUNDARY_BORDER_STYLE ?= $BOUNDARY_BORDER_STYLE
|
|
```
|
|
|
|
- enterprise boundary related colors and style
|
|
|
|
```plantuml
|
|
!$ENTERPRISE_BOUNDARY_COLOR ?= $BOUNDARY_COLOR
|
|
!$ENTERPRISE_BOUNDARY_BG_COLOR ?= $BOUNDARY_BG_COLOR
|
|
!$ENTERPRISE_BOUNDARY_BORDER_STYLE ?= $BOUNDARY_BORDER_STYLE
|
|
```
|
|
|
|
- container related colors
|
|
|
|
```plantuml
|
|
!$CONTAINER_FONT_COLOR ?= $ELEMENT_FONT_COLOR
|
|
!$CONTAINER_BG_COLOR ?= "#438DD5"
|
|
!$CONTAINER_BORDER_COLOR ?= "#3C7FC0"
|
|
```
|
|
|
|
- external container related colors
|
|
|
|
```plantuml
|
|
!$EXTERNAL_CONTAINER_FONT_COLOR ?= $ELEMENT_FONT_COLOR
|
|
!$EXTERNAL_CONTAINER_BG_COLOR ?= "#B3B3B3"
|
|
!$EXTERNAL_CONTAINER_BORDER_COLOR ?= "#A6A6A6"
|
|
```
|
|
|
|
- container boundary related colors and style
|
|
|
|
```plantuml
|
|
!$CONTAINER_BOUNDARY_COLOR ?= $BOUNDARY_COLOR
|
|
!$CONTAINER_BOUNDARY_BG_COLOR ?= $BOUNDARY_BG_COLOR
|
|
!$CONTAINER_BOUNDARY_BORDER_STYLE ?= $BOUNDARY_BORDER_STYLE
|
|
```
|
|
|
|
- component related colors
|
|
|
|
```plantuml
|
|
!$COMPONENT_FONT_COLOR ?= "#000000"
|
|
!$COMPONENT_BG_COLOR ?= "#85BBF0"
|
|
!$COMPONENT_BORDER_COLOR ?= "#78A8D8"
|
|
```
|
|
|
|
- external component related colors
|
|
|
|
```plantuml
|
|
!$EXTERNAL_COMPONENT_FONT_COLOR ?= $COMPONENT_FONT_COLOR
|
|
!$EXTERNAL_COMPONENT_BG_COLOR ?= "#CCCCCC"
|
|
!$EXTERNAL_COMPONENT_BORDER_COLOR ?= "#BFBFBF"
|
|
```
|
|
|
|
- node related colors
|
|
|
|
```plantuml
|
|
!$NODE_FONT_COLOR ?= "#000000"
|
|
!$NODE_BG_COLOR ?= "#FFFFFF"
|
|
!$NODE_BORDER_COLOR ?= "#A2A2A2"
|
|
```
|
|
|
|
- legend colors and sizes
|
|
|
|
```plantuml
|
|
!$LEGEND_TITLE_COLOR ?= "#000000"
|
|
!$LEGEND_FONT_COLOR ?= "#FFFFFF"
|
|
!$LEGEND_BG_COLOR ?= "transparent"
|
|
!$LEGEND_BORDER_COLOR ?= "transparent"
|
|
!$LEGEND_DARK_COLOR ?= "#66622E"
|
|
!$LEGEND_LIGHT_COLOR ?= "#khaki"
|
|
|
|
!$LEGEND_DETAILS_SMALL_SIZE ?= 10
|
|
!$LEGEND_DETAILS_NORMAL_SIZE ?= 14
|
|
```
|
|
|
|
- legend related texts
|
|
|
|
```plantuml
|
|
!$LEGEND_SHADOW_TEXT ?= "shadow"
|
|
!$LEGEND_NO_SHADOW_TEXT ?= "no shadow"
|
|
!$LEGEND_NO_FONT_BG_TEXT ?= "last text and back color"
|
|
!$LEGEND_NO_FONT_TEXT ?= "last text color"
|
|
!$LEGEND_NO_BG_TEXT ?= "last back color"
|
|
!$LEGEND_NO_LINE_TEXT ?= "last line color"
|
|
!$LEGEND_SHARP_CORNER ?= "box"
|
|
!$LEGEND_ROUNDED_BOX ?= "rounded box"
|
|
!$LEGEND_EIGHT_SIDED ?= "eight sided"
|
|
!$LEGEND_DOTTED_LINE ?= "dotted"
|
|
!$LEGEND_DASHED_LINE ?= "dashed"
|
|
!$LEGEND_BOLD_LINE ?= "bold"
|
|
!$LEGEND_BOUNDARY ?= "boundary"
|
|
!$LEGEND_DASHED_BOUNDARY ?= "dashed"
|
|
' transparent is ignored, produces smaller legends
|
|
' !$LEGEND_DASHED_TRANSPARENT_BOUNDARY ?= "dashed, transparent"
|
|
!$LEGEND_DASHED_TRANSPARENT_BOUNDARY ?= "dashed"
|
|
```
|
|
|
|
- sketch related colors, font and texts
|
|
|
|
```plantuml
|
|
!$SKETCH_BG_COLOR ?= "#EEEBDC"
|
|
!$SKETCH_FONT_COLOR ?= ""
|
|
!$SKETCH_WARNING_COLOR ?= "red"
|
|
|
|
!$SKETCH_FONT_NAME ?= "Comic Sans MS"
|
|
|
|
!$SKETCH_FOOTER_WARNING ?= "Warning:"
|
|
!$SKETCH_FOOTER_TEXT ?= "Created for discussion, needs to be validated"
|
|
```
|
|
|
|
- size of rectangle shape corner markers
|
|
|
|
```plantuml
|
|
!$ROUNDED_BOX_SIZE ?= 25
|
|
!$EIGHT_SIDED_SIZE ?= 18
|
|
!ROUNDED_STYLE ?= 0
|
|
```
|
|
|
|
`ROUNDED_STYLE` is without a `$` because it can be set via command line too (`-DROUNDED_STYLE=1`). All predefined `*_new` themes use rounded corners by default (`!ROUNDED_STYLE ?= 1`).
|
|
|
|
### (C4 styled) Sequence diagram and themes
|
|
|
|
All sequence diagram specific renderings (like sequence-lifeline-color...) can be directly defined via skinparams and styles.
|
|
The advantage is that no separate variable definitions are required anymore.
|
|
(But the disadvantage is that all themes have to define there own skinparams and styles.)
|
|
|
|
A theme could contain e.g. following definitions, skinparams and styles
|
|
|
|
```plantuml
|
|
' $BOUNDARY_BG_COLOR... have to be defined in theme itself that it can be used in styles,...
|
|
' (no default values which are defined in C4.puml)
|
|
' If skinparams and styles are defined with concrete values no variables are required
|
|
!$BOUNDARY_BG_COLOR ?= "transparent"
|
|
!$BOUNDARY_COLOR ?= "#444444"
|
|
!$ARROW_COLOR ?= "#666666"
|
|
|
|
' replace transparent with concrete background that it can be used as font color too
|
|
!if ($BOUNDARY_BG_COLOR == "transparent")
|
|
!$SEQUENCE_BG_COLOR = white
|
|
!else
|
|
!$SEQUENCE_BG_COLOR = $BOUNDARY_BG_COLOR
|
|
!endif
|
|
|
|
' "C4 styled" default is no foot boxes
|
|
hide footbox
|
|
' "C4 styled" default is that lifeline is arrow color
|
|
skinparam SequenceLifelineBorderColor $ARROW_COLOR
|
|
|
|
skinparam SequenceGroupBodyBackgroundColor $SEQUENCE_BG_COLOR
|
|
skinparam SequenceGroupFontColor $BOUNDARY_COLOR
|
|
skinparam SequenceGroupBackgroundColor $BOUNDARY_COLOR
|
|
skinparam SequenceGroupHeaderFontColor $SEQUENCE_BG_COLOR
|
|
skinparam SequenceGroupBorderColor $BOUNDARY_COLOR
|
|
|
|
skinparam SequenceReferenceBackgroundColor $SEQUENCE_BG_COLOR
|
|
skinparam SequenceReferenceFontColor $BOUNDARY_COLOR
|
|
skinparam SequenceReferenceHeaderBackgroundColor $BOUNDARY_COLOR
|
|
' VIA STYLE
|
|
' skinparam SequenceReferenceHeaderFontColor $SEQUENCE_BG_COLOR
|
|
<style>
|
|
referenceHeader {
|
|
fontcolor $SEQUENCE_BG_COLOR
|
|
}
|
|
</style>
|
|
skinparam SequenceReferenceBorderColor $BOUNDARY_COLOR
|
|
|
|
skinparam SequenceDividerBackgroundColor $SEQUENCE_BG_COLOR
|
|
skinparam SequenceDividerFontColor $BOUNDARY_COLOR
|
|
skinparam SequenceDividerBorderColor $BOUNDARY_COLOR
|
|
|
|
' VIA STYLE
|
|
' skinparam SequenceDelayFontColor green
|
|
<style>
|
|
sequenceDiagram {
|
|
delay {
|
|
FontColor $BOUNDARY_COLOR
|
|
}
|
|
}
|
|
</style>
|
|
```
|
|
|
|
Following sample could be used as starting point for custom themes with sequence diagram support:
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hLRRRjiu47tNLuozAU80ZPpkPlUXIBhrHRa0hfELxIxwPD3Io2PAargISfej-kyTKhvVSbaiWSGIDMVEp9cHXX-DPTeMKn44bQE1mVu4fmYNK6sT3ySQKLQ3u1WI9MUeBN0B3znEWAKfjrn99kZHTCfa2e9B1AR7nHIbXTDs77KQ_TlFqV2ss-eCsj5bDQo7OHMiWi8W29Km8Hw32i_WpOnfpaO2X_YD6sjgrMrmzIG0E8QAzT5HQ5TS6zj7Oo7JQWflncY7Ioyp9WhSvwJkyOPypJsjClPkN8GBcmeAWmSj9zRcvdszhjb3E2P5YX4bfKacIzc7f4az5qmwNK-DJGKVrLldf_TkQ_2fKv_z6hxxBJnRKScKPqxdYvq5zusu3tTNqB-9FaNWZ8wQTuDkkn5_6JQlXwsxpbqSXY5Cs0oTk2E453CgHWfSGXayjmP5HZVCbp1XqfbHnDx6s4U1vYqv8USrgHoU5SA2rz70muGdL7AzuRXr7kQKtGaGvZO3yvNBd6asDU2QeNIvWV5zGm8b6YqkN1FPecgbjSP_2gx9dBfn9qtua_hIQYODKP7ErNMZbSKlvtwvfuqulljx_T4VVlcUraWbIaYpbSEj84Si-JhMgg24zad736HKSB8NIfFqoZTpRK_Sbrjnkswk7FMYlmPHjnMjsJcjBQvwRw_DBi5Q1z5xMwgVLfTrv5xeJ2aB8_MD6cx2K_JtT7iOutCMF4F_QdDN8AqUodI3PS6XHoL3cM1dRjbKEaNTygAi5o3OWxacTVEcIX-RIwddm9t43w6lg0Hpp6Ol7AJRfdePx0OPfRN6zk88DmJP8jk3YJ53xIx-aoPBz6jqMOBA99zJw1W-tpQWr__IYUZwMNTFQdRX6-z3e3Sny9tQtxrToI7WZ-2YFiS-fU7hj6_p6Tydm4kKdsDVe_k2xgaWdnExZO8zhaZzp5wgQfP4REn0JjNK0VmLmE5W0NwiIqpK7tRMpcnwnJ2lS9c8WZv3BntTDFGNAVl9i_f8BZpzFpDv3q_vRRr7RPIiDGHFy2rK_I-bCjzkgX5jqd_Q2bXY-OpH1A7x88XHB52bLQEWiImjJvWxGq7iw8prGFhocY99q9YieBCLyna2E1SUksJVTD4WI6xf-tqIE5N0A9hwr2efg0monaMXIqT2gHpUdPsTWUNbIQXSEp6skpreM4ilWYyN0AaGk3_tfeAYqo2ixE4z7GcutPFg18LGBhCboaa2q9_GF9aFKoLfmo0zfEEaco364T5y9j5fSjwIPyu4_xTCzVBoDOe-9roC9bVIk48whXXpjFm97ga8he6zc8yTGgnutUdjTvXoMLWw1Gdg6mtkCBPBxuxC1cQSGJvHqeE3tWqDs4vq7NNRjPFW8ob7JViJ)
|
|
|
|
## List of available C4 language themes
|
|
|
|
> All language themes are machine translated. If there are any errors, please let us know and create an issue with the expected fix.
|
|
|
|
If you want to create a diagram in a specific language, then you can defined ex. system labels, descriptions,... with names in the corresponding language.
|
|
But independent of these changes the standard (mostly legend) labels remain in English.
|
|
|
|
Ex. following Japanese sample still displays an English legend (you could change the label with `Update...()` calls, but this requires a high effort per diagram):
|
|
|
|
```plantuml
|
|
@startuml
|
|
' first diagram without the C4Language_japanese theme
|
|
' !theme C4Language_japanese from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/C4_Container.puml
|
|
|
|
LAYOUT_LANDSCAPE()
|
|
|
|
Person(admin, "管理者")
|
|
System_Boundary(c1, 'サンプル') {
|
|
Container(web_app, "ウェブアプリケーション", "C#, ASP.NET Core 2.1 MVC", "複数のTwitterタイムラインを比較することができます")
|
|
}
|
|
System(twitter, "Twitter")
|
|
|
|
Rel(admin, web_app, "使用する", "HTTPS")
|
|
Rel(web_app, twitter, "ツイートを取得する", "HTTPS")
|
|
|
|
SHOW_LEGEND()
|
|
@enduml
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hP71RjD048RlVefjECIHKfj2JfmQt8WUt3J2BeYJjOctYP6zjjPheWeXrRlG8W42GMd53L152qW5524keNsOeKqUWxLRsWCSsTDevjzl_fcPJpbcF8j2hOfM0vPov0Uupt24XW4Vn1b7V42GrR0nxMUuJxoxEC6KfAJ8HqH3LJHJHl_KhB8uGWFEa_IQQJ8yDFeAcdMpbB1UJ3cXtEZ5aPc4c1OUPbFkXq7Nj1gpdIAricIRzwuOSrUDosRP9DNGJ41xOUQJ_uIr6fwblk204cOanHuqktbdUSNrx6PxmR6QdPPUqxGEOMbCTUn70QsZokJWtUJ5ndJzKQMcEMif9v5tFSweZzcQtfkheog8xo1787T0VgxMq7qDgNVUI1-IheUJH950V02n1t8RnFjI_Wd4Dv1Z43z0gloeeaJMfJfgEXsZtN8LX16apAEbMrPHc-vkdhp-2lc1gmx62GDn168Nv5kG7yjW1EBboPUjwLX2_WR44yXVGRuF-LF8zo1_1lcXogiv7fnDelDJa6AV8LLHkqd2FzDVcF_rysYojN-ABRmikcx7KUf2VAwwm85yM3eQWtoiJ1q_tpu-tFdxj-OiBj_sxDQDLdj1xNwUK5_TvJS=)
|
|
|
|
But if you activate the `C4Language_japanese` theme, the legend is translated too:
|
|
|
|
```plantuml
|
|
@startuml
|
|
' with the C4Language_japanese theme ex. the predefined legend labels are translated too
|
|
!theme C4Language_japanese from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/C4_Container.puml
|
|
|
|
LAYOUT_LANDSCAPE()
|
|
|
|
Person(admin, "管理者")
|
|
System_Boundary(c1, 'サンプル') {
|
|
Container(web_app, "ウェブアプリケーション", "C#, ASP.NET Core 2.1 MVC", "複数のTwitterタイムラインを比較することができます")
|
|
}
|
|
System(twitter, "Twitter")
|
|
|
|
Rel(admin, web_app, "使用する", "HTTPS")
|
|
Rel(web_app, twitter, "ツイートを取得する", "HTTPS")
|
|
|
|
SHOW_LEGEND()
|
|
@enduml
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hPBFRjD04CRlVefjE2IHKfj2JfmQt8WUqZJ2BeYJjOctIP2zjjPhGeMGy2x_940WAAsu0Qfe0Qc08iGbj0ypjCbZC4vAUu0ZUzdLp3U__MPd5nD9XKp3m2YIGL_sYEmnObSRb7TJscNUJHfJpXAMnqD6s6rpgeW5yzbwdpEV1ApBE6wqpOA4K85IGNaIK8b96KN6tApqNz1r4OMa9sMSNB8iGGTc5osaxJHXeXDnoRWqEr5enG7bkSVvHFf1lstPrVbM7bfRQLYtBfWB5ytprlIIn9ZhyqwG-km_KUsgPsC9nKw56UVFP3HgDrRNNAzHQouvTgrLBvKDeyL44l4IzSC-hv32UF_T-CN3oRq7XRBXR2IIXTxbAEK-5HkbpaA5545z1pq4lGtwSx5CxXW4r-b5fG5hUpIEaGJg0wXTq5kWta_bdq1z0pq2zGCqneS55DddAgJcjCnctKK83W3DavLhTfwRx3mwVlqLidqNfokP07K8QWVqMz0VfuSXg9V7NpOd8mtP6r1F87i5sHvaJo7RXUmPP0SOnpxkddHIaZCGia-Gc3Ikik1FzsVcV_qy76_kpR2vbsNNRJcepiMdgZCSwFjJHoFGZz7KqVEjeuFjlwiDPtdrkjUeNwatb_3j5_7puLn-0m==)
|
|
|
|
In the following list you can find all available C4 language themes
|
|
(the diagram contents themselves are not translated that you simpler see the differences):
|
|
|
|
### C4Language_english
|
|
|
|
C4Language_english theme is the original language theme and need no activation.
|
|
|
|
Theme [C4Language_english](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_english.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_english from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL79JiCm4BtxAqmva4fjmj8JfuPGmI6KYAGWJf6R3AqbRx8dH0ZnxupPFm1VHfgPjusN0ON7GIjsW7lGm8j5ASnk43jemUoK37l-vAtcUqGNphFCYp7TITmFso60xwn1C9XsLcTE2HEPvW5x9RTPiPXNiRMvARFdq_JaB3tEFZG2Ev2cKqCF_yHQBDg2848QyAcBOLYPFzvkchRCrvTraLUhPCfO1JvOauXUIpFZapnM6T0Bj7uoPVLBGD3jXHrCB_nBqftC-54jj5DmDEMlZDFxaKb6sBR2EU9vW2tFdLEo4oYjcL2hE9pnlAxIzQeXY0TEHldDVH5dkL9s33pc31mjfv1Eq8eU54hIuiqe4S5pb1eKQGNozlRbBi7F8V5yhT6GtO7wJlLhQnC8IVMwQQgQjkBIp_INvWgGR8mGI_peln1MNzy-jENgQhM-f0CkmVHqt7S=)
|
|
|
|
### C4Language_chinese
|
|
|
|
Theme [C4Language_chinese](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_chinese.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_chinese from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7BJiCm4BpxAqmva4fjmgCdJWsXWaCe4Kb1d28tMLfBVidU4274lxFc_G7uif9dTdPcTnbGU1oqOWUu1msyM9J2x0QnWxRRImC1-9EtckyHNJZFCY_6T2TnFso70Bwp1i5WsbcTEILCL9e7x9NSPiLYNiMlpKsPFP-c9sVfSVOn8x03QJerzF1FgiMYBQX5a5sVkXY6bVdZxQPfotnzMHTvjKgcZ5NWWpM9wBKqCpx9OvK1lK3h9rDMlmG4tLxOmVJ2loJToOmVrK8x1KTJ_ieulPynoGZRLZX7EW-mvRbpIdO2fJKJ-YeEPpolgtIzQgZ50oUZ_EQ-Y5Ykb1q3Zpa3Hyiff1D4qOD2IRDuCqf4y1ob1XKlGDxUljmb-0cIpXUDG7O7wZlLhwrDe4wgrqrJrSIAf1_qL-OAa6oC44iyzDyMLb_VFhJbwcgrlgG5Bi7qjDnt)
|
|
|
|
### C4Language_danish
|
|
|
|
Theme [C4Language_danish](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_danish.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_danish from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL79JiCm4BtxAqmva4fjmj8JfuPGmI6KYAGWJf6R3AqbRx8dH0ZnxupPFm1VHfgPjusN0ON7GIjsW7lGm8j5ASnk43je-m6xFN_oLlCzeWldMUR5cEuaxeVj4C1trY0OJ3khCwU4YJppWBsIswnOpAlOsjoKsVDfUdAM7cSV2e4TIDEfeOT_OYqMRK4G8GturCKehCmVRpTDM-Rhoxh8grKoPQm27wn9HA-bcV597giCw0LQFvco-YKWwFR23gON_YNfJcRyg1RQAJYQybV6wVt892DiM-4SyJp0bkVEATa9bDPCg5KSpdXUL-bwrH340oUZ_EQ-YBDSAJi67dC6ZfPJI2TeHGyA9MdnPfI8u3bA3Ogq0dbx-tANuEUGUBxMQCZkG7sd-hMr2OIaUjqqLKrRSUbd-ajp1KWsHeWbVlHV2AklRn_QSdMrMb_I0PTWUZhkEm==)
|
|
|
|
### C4Language_dutch
|
|
|
|
Theme [C4Language_dutch](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_dutch.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_dutch from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL79JiCm4BtxAqmva4fjmj8JfuPGmI6KYAGWJf6R3AqbRx8dH0ZnxupPFm1VHfgPjusN0ON7GIjsW7lGm8j5ASnk43jeUs5asFCdRpNV8xfmdcLUZEbEudxO3W5yPms2mRIpEdDAc4Wq3zWhkSsAnRoAhSrDcJsVfYTdwN7s8H7OWJIT6dhu9zPYqHO44TA0JrtCmihyyNRJj6M-lgoBl5ebKyOgyC6QHFHQcXcVvB7AW5wWzPCfgry2Wculx61wuL-IxcJ6ZsgXdOAZANzbdDwFJ3B2jXNE4Sy3R7dkd9ATG6dDX5h5uOpdTPMkLmr1F70ooc_kYpZBbR9Zu35du6WvXNI2LlIWK98MRqQ929wZrA18Av2tjozt2NuEYUThZORi3jHtgbzRcq18gjTDKzMq5PT-fhyqLu1aOuHOuaV_XR3w-lQXBLTNg_Kb7N09fgVZlWC=)
|
|
|
|
### C4Language_german
|
|
|
|
Theme [C4Language_german](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_german.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_german from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL79JiCm4BtxAqmva4fjmj8JfuPGmI6KYAGWJf6R3AqbRx8dH0ZnxupPFm1VHfgPjusN0ON7GIjsW7lGm8j5ASnk43jeT-2rCFp9MyttY2wSPvaNOxgJk1-sGm3VMODWCEsipfmI9XBD0_PARhDYCQzYQtDJPi-dwSbPUfnzI0Hs84sdXXx-YRLOj0L1X3JWKnUpi39_lDqqRPclB-iYhrR9bB4AVB0c4RsMPiOdUQmoe1Te_MJAwfU0eDiBEvXU-9UaEvdnerfef-1eobyPf_SZauomROLpnFC0MvuxfsGdK5epeLPnEEDvNQNhLKCG3voCyflx8ivofUmOUCmPE5fE8PsW5JqebAJ5cr4YWkSeDIZI2kJjxSjTWfz3ulbQeo6x0_MTwjVM9X2IwdNJL3LjnQMVwI_D5I3P626M-D5_8Qo-ldreozNLQdr91ro2wUcuxm==)
|
|
|
|
### C4Language_italian
|
|
|
|
Theme [C4Language_italian](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_italian.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_italian from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL79JiCm4BtxAqmva4fjmj8JfuPGmI6KYAGWJf6R3AqbRx8dH0ZnxupPFm1VHfgPjusN0ON7GIjsW7lGm8j5ASnk43je9GebXU5Ftcg-HtJXFCky6DETnFsm7GBupXe4WsbdTUQKC95f7h1NSfiLYtaLMvkRCdi-JK_EqkFiGoEm0sawDVJmJwp5eYq88gG1dxeOXfNvu-scQSjyVLaNURLAfenLu8CrYUYrD3C-oMEL0Rr0woTJLhy41DrUsC7qmhyatScC7zL2EmL7K_xAEBqVcMI4RIkS8vu7sFBSEIKxWTAQ2RMAmndFwofThng2UE1abD_S5t6MAsN7m6FEmD5o2ka4hUX1eIGjtemI4Jn7gK6HLY1lRr_k4lmS4i_N6WtP7QZlLB-sDe6GLA-RfgffAoxzJ7zfhW39nWYnn8_-2s7rzUr3MwwkLkjBEk0IJ4_7VGS=)
|
|
|
|
### C4Language_japanese
|
|
|
|
Theme [C4Language_japanese](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_japanese.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_japanese from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL79JiCm4BtxAqmva4ebOUc94o5KS0Wb8Yc8K-GcGslaJVQ4227-dJ6KvGFmPQIPUTluFA3mE6Z5zd0B6dWnBuNP3683xRDmma00_kIjvbj45ywop8intKZS3kiXWE-iGJ2OTbPdJWaJgGu3zagkis9-MCNMwgRCNaxIuzFqAFiK2MnFcauDFVmJQp5l2u88QS2dBgPXPVvukshQCbzUraLUBP8fOnNuO4qYUYtDZ4_oM6L0Bz3woPJLhm51jnTsCBtmhqbtFEC7jT1EmS6Klp5ExqSc6M7T2kU8vm7MF7TEoKwWj6P2hM9_nlEwIfUBXY0UE1dbD_T5dELAsJ7mc3Dmj9n2Ea4hUb0eIOiteqG4pr5gKAGLoDlxpbs2NqFYsQtHaDs1-axrQsiL24drkccgchRYqi_qb-OAa6oC44lywByGLb_VFhJbucgnlAG3deFfwRWV)
|
|
|
|
### C4Language_korean
|
|
|
|
Theme [C4Language_korean](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_korean.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_korean from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL79JiCm4BtxAqmva4ebOUc94o5KS0Wb8Yc8K-GcGslXJVQ4227-dJ6KvGFmPQIPUTluFA3mE6Z5zd0B6dWnBuNP3683xRFr80n_ybRpBQ8BPrdcnPXk96w7zH30TzOW64mxgpEdX8b4Xm5x9TTPCJ-iOcjrKsOl9-dnQNgKVKe4jYTDfuOU_ecrcBS5GOGqu5CNix0oVxnTDMsPBo_h8gyMoPIn2dom9X6zbcR69tciCg0NQFraokhNWA3R2pkONlZNf3kUyODQQAVWOChV6AVt8vECi6w5SyJp06kUEwTa9r1QCw5MiJ_ZULsboqL340-SZFAR-oBESgNi67ZC6JXQJY6Te1KzA9IanPjH8eBdA3KeqWhaxNtdBi6l8V7ircZ8xa1zf_grjGg4f7hTD5LDMt7fP_fBSmL8DaQ89NxqNmYhhsyVsd9njLXUqW7FmVHqt0y=)
|
|
|
|
### C4Language_portuguese
|
|
|
|
Theme [C4Language_portuguese](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_portuguese.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_portuguese from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7BJiCm4BpxAqmva4fjmgCdJWsXWaCe4Kb1d28tMLfBVidU4274lxFc_G7uijBExCpiUXbGU1oqOWUu1msyM9J2x0QnWzPPGdO31E1Ftcg-HtJXFCky6DETnFsm7GBupXe4WsbdTUQKC55i7h1NSfiLYtaLMvkRCdi-JK_EqkFimoQm0sawDVJmJwh5eYreH4W3FdLn7rRcZxURfYtpzMLTvDKgcJ9MWG_M9ABNqipu98zL1lG2hPzCMVqI47HxOGVJ2_-IT2SpVbGBxHGSJVahu_H-R98HjgrmZdGUOCjpvvJi14fh9jGg3cSyhwjqlMfen0EdeFpcleXOhfGT0uzx1ewMqv9E44KF2YLvyMQKYE0vIWsAl09bU_jAb-0dI3fVD0BP7QZlhNvZRG9DKhrkcgecLYJzeByoLu0KOuHOuaV_7M7rzUr3MwwkLkjBEk0IJ4_7VGS=)
|
|
|
|
### C4Language_russian
|
|
|
|
Theme [C4Language_russian](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_russian.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_russian from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL79JiCm4BtxAqmva4fjmj8JfuPGmI6KYAGWJf6R3AqbRx8dH0ZnxupPFm1VHfgPjusN0ON7GIjsW7lGm8j5ASnk43je_H2258O_UQlv7j65yoppOant4lV3TWZWEsiG3AQTrPbJmaIcUS1UoMrMBEPLR6rkokpvD3qvIu-p3ut03gJfrD33Fx4MYxOWY906VEfY65RcZxURfYtpzMLTvDKgcJ9MWG_M9ABNqipu98zL1lG2hPzCMVqI47HxOGVJ2_-IT2SpVbGBxHGSJVahu_H-P98HjgrmZdWUOCjpvvJi14fh9jGg3cSyhwjqlMe8ue6JKNvpNyHPhfGT0uyv0qVBAQGJjA87XPAqU3DAHF0SfGP5Me6ylNsvI_1pI3nVQpHaTw2-K_tQsWH2KhrkcggchRZqC_sbkG8a6oF44Z_wBuJLrxSFRRcwMgqlwO1BC3qTznq=)
|
|
|
|
### C4Language_spanish
|
|
|
|
Theme [C4Language_spanish](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_spanish.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_spanish from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL79JiCm4BtxAqmva4fjmj8JfuPGmI6KYAGWJf6R3AqbRx8dH0ZnxupPFm1VHfgPjusN0ON7GIjsW7lGm8j5ASnk43jeWnD6XZr_ybRpFQ8BvrdcnPZk9Ew7xH30TzOW64mxgpEdX8bCyu2zajkiMCohsDhSbDdpQNfobXvd7ng17KZJgQ67Vs8j5cr1424D-DJ5CApC7sytJLlcwykwoAjLCcMi0X-iIKIlfPdnIHwh3EW5MZ-Pileb8EZsmWwc5_ubwKvc_AWMsYaucl9Nnkdzo2GZR5lX7F4ym9RdpYdP2PJMJAXL7CvuNbVfUjKGn0Cde_pcleYpN2ax1Xvp1ewMKqWdQ4KF2YLfyMQKYE0vIWsAj09vU_job-3da7Y-rcZ8xa1zf_grjGc4f7hTD5LDMt7fP_fBSmL8DaQ89NxqNmYhhsyVsd9rjLfVqW6NO7ewxZi=)
|
|
|
|
### C4Language_ukrainian
|
|
|
|
Theme [C4Language_ukrainian](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes/puml-theme-C4Language_ukrainian.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_ukrainian from https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/v2.13.0/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL79JiCm4BtxAqmva4ebOUc94o5KS0Wb8Yc8K-GcGslXJVQ4227-dJ6KvGFmPQIPUTluFA3mE6Z5zd0B6dWnBuNP3683xV3iXJHI6FxahUPRH1VEiioBCTr8t0xh8O3lh44mc7PMPqu94xaE0_PAhhDYVbZ5rkgcp5vEqkFJz2ZxL0biJvfE3Jty4sinRmk2a5tmgOjnM9a_tgwQjioNbtMHLujaobW5FbYJY5vBC-EJF5OPq0kqVZ9bzMj0qEs57Kml_6lI7S_uGIsqKt0mvM-Cq_kHIKPOjy8vudc0DS-TKx8JAAsPKAlOd_6yhjBbeY681qv6-Srz4MUvKdOCFEOC72sda4xGYXuKIjBYpIWHmNEK6XHf1VBsldENuDUGU7PhD6HteBvJ_TfQ1K9IlMwQggQjkFGp_QMv0YGR8yGIF_elXDNNjmzjkRXQB2_fWETWUZhk1m==)
|