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
61 KiB
Markdown
801 lines
61 KiB
Markdown
# Themes - different styles and languages
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hLRHZzgu4txdhvZI_bJuYGLLRLzEMgaivAvRmS8HjhrxGfDaIAmwTivseEXq__kD4qB8RgK-z5uWdl5yt-VFOoSVh4FZobpsNWF6JXpGaGL5Hx3k96aCzmuojE0qH0IM7F_jjI50S1db1Dhmu-pTxl-m5v90M10gbcL2IU_5PlNuC0_ckt3xvoAuVTC3wBquPo5phh2_J2O6Z-DKkAoCIaicrigHSkDOvvD2elBARgnBf8WcitStQnzwN2ucELf7XaEx6LUWK6J6XLz5B_ou-h9R1vjmzR1RFMuNzm_1OCYBss9gmPP5eOq3fS4M69CNwzS12dE2GOIM4j1rg5G96IcKK2buCjBkL90TmJ4JSGQ9LgzT0zYWeJhbsj1m3Cnulx-43O6XlqfYdAIXb9IIIaRdVt3qpS6HZQYBhanFQ2yKspbDaa2ovShnMWRz2EElN7XPVty4h_Oyc6cfpUshO14iWuVjxjSL_ynMYzM6yr5QP_iltxvzFv--zpKsmu9k0v5cBXIyRQ4V3uQSgPLjMTXjmmPnGmS3yYLWVSsmF_JoDYGhQMXFAlROlAX6ptIpuOtfg96CSvtj94BVVhTpj1ab2w5OKOV2Cqp-GnxjNClJSy99Wekra0XC3URr_XZjMoE1GQmD9uVrIUdrrcIiLeEuj4xdP4Omkpprfz24GU-hxOzGVHtLW4LLYBAA0SOn4pZRPntXoJhATtUU4Srf4BzXh7lbY8aTtF5qxix-4Fxk0K2hTt2aQ8T5mPE_K0JJef0YHYUqwdFe4nvm165Xk1QMdsS-DYSf3YoZacOTputXV1O1LLA5BxnHpGlXUieYkyosG8OBEItfPeqfUVQ6DOoDADm8fYej9HeVNXjz48a_8r9-dsLVgjXBHodS2Po-E6dX8D3N20EyO8YCFbeopoJbEXAIpdui_U0YQlPo17zWZcn5Lmn8aGj_M6qPMNAWzpyXhXO02Hr4J4_bpQD1WWxzrUFtuVperOI_Bw0pTjgG1NzDWg5KM6VGSuDGUstowda4MNLY04kNGMme8UK4IZloVKNMWjGf3yZ5usT6dSyuEoLyowxllzyvSytJJ5lNSUu73dbJ6BWwivZQssUt68lwvzBtmJSte1o5tDagm4J1pPB7K4_mpDkCG5IaA64fOgEjtZi8liKPgfJ0rZE7rvXdRIqgOwgzmPoQCzKIDBQZb4qNn1nerdTjFc2aIzUsmEXobaVW32gBbHEj_RqDoQlxeZsrZvQiv_wutQv3djYTPmlyuPocwLkuccxtuA_jIBTtH0NNtW1df2hOROY6iBfrH_29tx2JYhpTpIfrHcWL_1pGxewBMzdjOUc2RWWJ2tkZy-h2EXhXo8BJdkZCCx-RCUG5yygj9qqMCgm5kl7H2gCLqkt7ZeQdTQNb_cZfm-LspK2TFUYKTxkozUdgNSUtrNBnrAispV3rzyyY-2ruc0-6lRtMZWma1e-gVjaqdr1m6CF__8OBhGR3oZF_WTLcUVYvIVS-iCeob_y2)
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hLRHRzks4txtNt5r-qCTG8dnGzkN0G7gsDwQmauyosttCC0uYMU9A4Lg91N76FQ_xqXRLknqw83r9J6FlE_x-F5uudldqVgcKhqNlgIAOFnstMZfIS36cWfAxsltqt1eSNjLI5ysMUF8vaPxqlugDzMmLgW3mANpGibiE7vxkGYXJ_FPi4BdoGuZikkza3fNZQ0V0yf2nvo1KfEzgiCEUkc7-o_hnNIPtj-jxp-jPhTtqy55xpMii73WchesreCsu6hCoO7KmCf0OqKmoD2H0BCFDLgGLL9BNK0W8-DtDRa4jgNCIn16l_OjO8k6UbSPInTNm8otcsFO4bZweo764IsbeeAqI0x_mTEZXoqRiK-24Xru0nc1e8tK97eZ8QQAAjAUzpBePvX_vSJZ_li9lDhmO6oKiTUlfhFfV7gtMlzypt_6zxFx9SzdnNws__BDctUJqRkGuqgiwNegYzAdKf18mtXmmJDxPIiMTjsoGTxI_Quff80BEVsBe6v9AYf3jzDvWEOzjN96ooMVIwj3CS8_JgH-f-XwWguaCPEQjPoW1_3XZw4mtdSKFI-z8ZZw2K9YOR62ZR5mgprPJHvkK7yD5P7kdAUgrrkGTKOFyiPvKv5DO7pyrHz16mQpYMUUSNQoF-Kw9gAACS0yDutshiywzj3h6mu8jBj1_d_6EXVGlu0_Um3GwHriALjZNVFYBvJ1gAwLpD5Be_iS-eWFc41Qso1-_daSOXDIye5bH6dEyzeS3XSGK8iOFl9cxSON8nPvokngPBYKfnLTBh2WmDwofhcLjKzWf8j6eGtXXJKFKf03LEhRB9j6vq4wAkbtu0qx6Orqy20nf4WBl5_8hDawiiyKLIQJYWvspEEWrJH-cS1lMA6L-bGBA5d5fkUQp947i_dNsjmpSNi18EX1vdGkRv8D17eCxIOSm-5dK9F-EeEJiJUM78JM29OAwRoDHmfISrbMyNS2PRmhW8ql8RSaI7k9oYMXhCWvKARW0VdywfbHXtlDJibGiOlRRnVEnF0os-MTEFSTXu8f31nlAnRk-bddOb5_7Sj--kW7LA5KQnS3J3IzdFFuSEK2yweaa94K5SnbReqp6m_Jnxn4NH3iCnds2UP1MuVAc7fZiQApEztP7igphOAS0-t-dfeFc9d6ToMG7Azo0jwYTXYTwEplBKazQHVTfVtao0Nk3wlL8kM5f-jSZTzTqnPz1xUdMz-5LfsPhaL4kAu1791YyBGWMiBORnFuo5_LOIJlJZDE7H0w1VyDQ7t3oPtixhASWYu9XOjlbDYljbPwSk1D83hmJ6x637d4VEBMMP6b3Ek0BaCqOdH2JklnJCDfNkEuFZhwTBvQx86wpPoadrLbvrFtbUDkDP-TUzLDC_p-pJER_ZAzc_1RPsEC9ml2ubRllpNjimaUhk1_uS2bqOEBw5buL7MpFFpSJlVUiygcKdy3)
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hP5FQzH06CRlyoccww5Ps2PKUlBKDLti8Tq6aogUmknct8qaap2Pi1GHp8n_11L5QuitbMAhGbKMyRAs7-QrtVqOJjBQ7hoQKtZUv_szpvCivu9mKIGncXD3cb1iBpc43GeoeC4TaX56SuflypJ1Go6o_8fbSJ8o1v4O5hqYfxoVCa6PCFjfOcKnOHLg8HTX7FKiUsd1hQIDDSTAI2uej-eREPgBM3ykGlfVe5eARBr18aQvcLLTaDE-jRxX1qwxk-BPRRTZD15oASzJPf0mYLWBDwO7xwSl7ytkFsmqaRUfGKbmDIrOIFYcqLziuNcGFq2DGUs0-ZBVn7SHri_v8MD4Um79Caq2-H7a7gXja1zg-sUGtq5DGFu4fVLnGvliIotSzbops_4rX5DysLp4QpViQZRRVNpovXkK1_ue4heHo2EGkw3UWVfKlun1lZhvkZMRA2ZVWdmAvMiezw5y1kKUbC-XFDIwxd7lh8aXJa6QVORKGtITnd_RNuJ__UjekhL_YgsohFg-wsbtPJvtNU10FQWJJK0zqQ6ENsmV7-xykusyrVMRWTEvrkckw6-_J5ce_yiV)
|
|
|
|
- [📄 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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/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/JL1DRvj04BtlhvYu1-FA0RdAgLAbK8oIIiH60JVA2IqmhbVQ3xGx55bL_tk7ret3PTXvyzwyD_U1fAVHQB44sP7wAGa3M9mWq5bZ3Dy8JZ80EMWH0XANe_C84kY41i5v_itkcezmL1f11L2sqsEFlRXvtXzsstpRLFLhaN_P210t5n1EH4Fud2HUJl4FHQUn7GFwpbb2It7dJ39eQMTZju5whTeakxijvzRXgKYC38IUMqt63Aai-dYOGuWYVTqVwgP8TzigIyiyMWbHeW_EHh8togvXaSvL1VAId5-iH7LcCTDyTQFjfJz7tMODoqgQGUDo1Ry4yFUs9fgmRUGmiCuBjf0EWrQT9ENiWblPXpMaLHdlyfef7k5Jl86dxzcCfLgxAS0Sy-yvEUCWUSICcXJlWdfInAc0b47Dkm9x-trn5z4_a7KkOmoAPzJ_Krrj7G8pkJxMTLdnr3pqXbvb7f02Ft4kH-_CUuge7lSlJP4_vBij7_0URS_7_GC0)
|
|
|
|
### 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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/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/uml/JL5DQzjC4BxlhvZuFLXviIrSSYeKeYfgKd0SKyarWO8OIUDuwMfNx8uYJCb_xoYrw-v1W-PZde-v3OoU-zQeAM3D-XMP0bWQ8F3Hq0A-CXmm03ke20AnXBtp10Xye9R0UK18Ryh_OQyDWGwWRMtwXXfrjSvsfPJoudcLVLegK5Ud6XoOk_0nZZqEYnVDXxxg0_dQMIRBYzgrSMVGZhpcWHkZgpYzcM_6rFPn5RSOcBoaojIrdRFZJ3TgKAla-MbRbAjaVPUdoIQBhfNQa0_EHjYqsivWaenH1_R8pa-kLNwKPMtvsVMsGN-CwkKCfZcsdQ7fDVnI82yLOgWj-MYWgiIkapqxgY3fEgDhPEtiH5BfVpD8yirYdHKouWa-B9Rm-3qTQuanRWWmodntinRcwEc7RNl3Mi2W63IBB63TaX6mC3d30qn1EFEyTiR9kDj3VHOUOkiQ2e2Um3g6C0WzQcQ0hqut0Ig3zK-evFFYHucdXN-DY_POOqF2y8p_vJqXpe2yD_LsSYZYF_LBfxIeRsJEpbwisGOXB_6XA3QvT8rDPvZBbdlY8ByqXhrtxRyJAdzusfMhx3vRtyaDRyasSj_V)
|
|
|
|
## 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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
|
|
!include https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/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/hL5Dxz8m6B_lKzHv6ScVBHXEdfWJmOINnGqvBjtsA4twqhHFin3ZT_Sf8FW1tALPV-_foYDt69HCadTu0GMiMdP12uIH_N16iGkYzH-Bml4f_odm4lhWmGr68sZC1wCAAxcE3dEFenHzKItdTRmwxNU5uXx15JTdJn523pACy7zSgMb52YuqkDpUDjJWlD4P7vNGRomjuoayEex6fREakP9GTPzCq2DtrsnO4AdXoafWTooTiLy9e-_fd4tGTznQOfwXPwMrKWmSXT4fNLNltrZPrFbXtPB40VkGBzZ-UnMnKaepUHQNUOQ6qIpBYQA2H14ZsqaWWcCe54ZAybJnzwDaXdUGV1uq0fDl8F-EUzKwUV0nRzksTKEiI7gYBviDeATVY4TysdybIRCzdhilksFPVZrikjrwipvypcR92lGObFm3)
|
|
|
|
## List of available C4 style themes
|
|
|
|
### C4_blue
|
|
|
|
C4_blue theme is the original theme and need no activation.
|
|
|
|
Theme [C4_blue](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4_blue.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_blue from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hO-noeD048Hxdq8VGBUn-Yj_99s150afmwaR5VRMutQEaBVFcMT8DSF0zy5q1XUHl1GLLlPSzkrZbCJbC-w-N85WVqJHlPfbmvh6P1odNS6APjez1N5wuBLXbcsalgqlntGx3-ITWIDzlLPKcqwIPlwDD6JYJLSs_8kSX3qhx9vj0o-iSnEEIrrkEJy0)
|
|
|
|
#### 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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hS_12eCm383Xkq-X3w1Xu6amS8WtDmPpo4vIDLCXhQL96NlxjNk6dH9-o0UfM9GJhod9haq_rELmxvvjSpeacQoeCGrb98_fo-qwNKKi7m6SUXVB9giVFQERTYDef9Xs3PQKYLpECjCsGbtcjvWUbnQqOa47FvUJR3CJ-Hd_WzfmyO4EMSv43Q568zm7hSK5pLpO-68LjZ2_)
|
|
|
|
#### 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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hSyngeD04CRntbFe0NGQgrVva7G6KYIab5M_g32xBZkpI6wVtPmXrGm3_nzC9sg2Hij5fHiiohuT9uuO7Sxo5GvRRgfU_eY2EPjrrorEKH3cmocSDlDXoRDncQX55zudwjlwba-Fwq3MY2BGrvQYsjtCSS5lK9-ADzqX-izyOTZKoZDf0rQufV7vhIvjQNu0)
|
|
|
|
### C4_brown
|
|
|
|
Theme [C4_brown](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4_brown.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_brown from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hOyn2eD044LxJw47q6ciKXaadO4K2Id3gXCLPcUNcLaajy-QCwJwdm_lmU_Kd5ZoL5IseiUoRr-ZX9tBjmHVhcPHJm3YzcRPR4rZKfGfi25RCmKFaHmVVAqsqpP2tzQtOtfS1_1E3GL-OYsgZITAC_v76ZFnWJkgdOakX3wp-ios0HVakOd7fowtd5y0)
|
|
|
|
#### 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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hS-noeD03C3ntQVG1z0iJj_aXtIpqA6bevoQgf3B7KaEwTltx3DqIWZyVv1EpOabJqLb6tei-tQS91myCXxbIu8lDxEeVm3YZcRTRKjJKfGvi25RCmSFaHoVHgssq3v1tzQty_Iu3k2T6WfySIsgdMTA2_u6ZRbumntL_eakX3wt-ipQW2loqiJphovlUNu0)
|
|
|
|
### C4_green
|
|
|
|
Theme [C4_green](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4_green.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_green from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hO-noeD048Hxdq8VGBUn-Yj_99s150afmwaJ5VREOtUFaBVFcMT8DSF0zy5qQauiUIugM-5HzkrZ4I2KJzbzkPf5_ICIzsgMpTOq9eLCUp04QwRTKsGN3hvMctaRgM_hop7TpWDvfmQXhrYBQWiJfnc_aSPClEaAjN_c4yDdLk_PDc11c9juVEfoo_a1)
|
|
|
|
#### 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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hSynoeD040NWtbFe0NGRgx_oHz8PI96GKjRrHONTSPcPHNBxh3b3gXaUl0zU9sfPK_15fIi2ohuT5mPe91pbY_TGhgfH_enXUpJBfckQae3TJWhInkt1H6_fD6hHsM-JwTlwTaQFws225GMRBov5jP7pQSPlq0XsRtE7wB_t5u-Gk_BCse05D3VntDNbBzyF)
|
|
|
|
### C4_sandstone
|
|
|
|
Theme [C4_sandstone](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4_sandstone.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_sandstone from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hS-noeD03C3ntQVG1z0iJj_aXtIpqA6bOpczL8KaTrnobBvzppv3fuJ0_mSPr5oop5GrjY5ZFVOFTUBLWc3zJ87hpIpg7q1ohsxTRSjpLanB44EnRWaCaPmSHglcQPzXxDlBSRgT9s2dXWc-k5RDBWjbZxz1OodUS4MrVw8J8PTMxqMRS4NnNJp-6ifMvWS0)
|
|
|
|
### C4_superhero
|
|
|
|
Theme [C4_superhero](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4_superhero.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_superhero from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hS-noeD03C3ntQVG1z0iJj_aXtIpqA6bOparzOJaxaXobBvzppv3fuJ0_mSPr9nOPgeQyyXOZ_r3SqBnAB5-IkJQcoNz0n3twhRTV9wpeYmn60RhbiYGo8N3QDLMscSO-_Pod6xd2TYfeS0NrwhPmq9vnT-WgHHlkABQFz69a4khzw9Dk65OktJyDPIjp0y0)
|
|
|
|
### C4_united
|
|
|
|
Theme [C4_united](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4_united.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_united from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hSyngiCm3CRnFQT83f1eoVIcF4At53gqT2nEh2O6sJ7MPqflNwTdw2GX-Fz0Wy8aP2zLWuqzrsF_oC61RVrCkwyt8EeVKJAlRdNOyfoLqx87S42tx9wYc700hSAAcsdisyjnkfqdyaR1YRwoLeqBYsJBlq5ZATvqPSM_o4dObrRlHPjuvM2xU3mrbAtC3m00)
|
|
|
|
### C4_violet
|
|
|
|
Theme [C4_violet](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4_violet.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4_violet from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hS_12i8m383X-vvYUu0jbvqyJOQt2HuKZz9jSIiaRMbInRUtzHay9GJ-3pA8cgY9gMfqHyPwx1ylwmcrVaRFzQuQv00GpRlRhEvfJe9nyKxHQRTuXa365Q0LNSdECFRjfPnkvmdOY6A4donLOzr2QSN_e24N7xYYw97eHCYvbNlM9jpGhLqeJmrvo_CB)
|
|
|
|
#### 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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hS-n2eD0383XtQVG1z0iJfqiqir2XvQEScgg1xdSSSbL-lOz-moT4WB_1-b4JTJagAXqGuTbtuvlwmbrPDpBL_Ikt5I3d02YsPlLwfQc91XdpugipUmT139y8BNeGdQ2lgrln-bn7S0PKOpmqwMeBC-K5lmF6dBnWJkAdeakX2wtyipQW2loqeJZiIvlUNu1)
|
|
|
|
## 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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/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/ZL5DRzD04BtlhzY6YoCrjegumAck2IbIcbZOfUAqMjj3izBi1pjZMHNYlxEhGDjZVHbvtflteRqcrf5dY-A2Js11ZeCY-AL-u37UHFLH_epUoXDpe4zL5VLIFXe-pSDC44Vl61oNexULNK0_8bJDXqsBsl7ztNxJPq6gh3Qk2Xg16KY82-D6d2TuWsX0xNAs3V64PdWjNbbD336jLECT9mk8PSWzH0kHl2lqP8sxbAiwJqCSDVkuMelkAHrQTUDdD-duL8nNYTHf6n3a6LkjvMyXq_UiN2mmA1r2OZx08EiGq8oQZNUhj6hUNSgwQyl3jayd4UJxyahUVMyoLYFwXMHkHfAz7BqDEb7iZ6ooPRyOPeYIZGLCNfGY_laNik0pc7JEj9nVV0FyN-ubrZq1PR_Rlc-xnCgaP_H5PWTCwHVoo2_x-aHqjyS7zML_hFklXvtQRtVRm-TYBQx1JRF5lm00)
|
|
|
|
## 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/hLPjRzis4FxENt7sKYG16Zi3idqeagv-SLu0DyaSfqC_6RHqieZIf4UUd6P3__kEr2mxbPFKG0aabgXxdhjxxgZJ1q_IKJ7NGZJsxZsESvmZd46pTpAPEKJJ568V4ckMw0WKmOEY76IQAbBMICsFvdDfKj3A84WtA-Pe28xwey6mCxxwD9XSNVU6z_t1MRFLRhMQG1OAZw1j8hL-50sLmPkbT4fEDKxmg_Ba3vhVWvk70c0V6XIZuz3EbVCqHa-GEJk7DpEaISMobBh0RIJjYFS2LaphZ2DDY71bqq3jyLdBd6ZXtxNRJZwqPgn8CUMa7Cj4QAZ5chGNMfgWwv6dLAjfktToT1ksxZyEstFf2TtQaqbL5cG-hIsuxOp6S7CEuyl1nm44extkpVrrlpFwFEbUJ7etmvjHgzM2N2unQ3j5I35J1bDG1ihO5NdK6T_8MC54cc1M-DB6qwD6_vP9cFp0s82NXIQ8Cdfuo5MIWtIRn5o2reAJEmJ6N6NWloYpa4xEFOHUA2cVO6BRi3w9Gy8LDJihYxQoTlXteHoRYqOzJVY3svASD9vTeQ7cfj7QufUJkCBJpcXqyzVcez_ZYYtja2kK86mGVXVaL2PVPiuM9jqgdVIGMKDihwq3iZRsyi6MkC-UnXsRkR5tD_ZpVd3T6spO1Qq9gzRRRbDtiEwWS6nBzTDcLKSLXSwi9PZQh-X5hbACztpxF2Rch5M6yMIhK21d7yfqHLLmkEEIeKbm-BzbrxeKNI-Aiba0iGLpmUekkZPzx5PIby1wui-XpwsXY5dhyZ9WxMeds2LAJYjwsp72jI1rPrim8ypGXOjTDAcZTz6b0fL9lgRGFdowwi3T-FDmmDUlqhsesMbilFV2FSN0lmBYwKgU0tuJf-qI-wA6ksdVLql5zhihlyRkeFiAycAGhudTHoqVrqxZoAvKzPKZEMDGL3KDW7W5y7om0Dys9MRNxskhDfjscEKDPH9TfFZ3avjd_YhbE7cgbsJ5z3D6SirDzMgzHUUjEUXebU1RQCRVvk5gkskdlCd_UKl8XDHI4WBV2p52lKALLfs2SZIa4adA6XW5TvuYK1Fu8adG-wpGaCYO842WYDZ8KwVeC6H1c39740MydIDmfwHWCyYaqeKhYRIr2_Zr-FWOI9NVGUMgnTY_leCE4P-3M2q0La64lt1GmIxHmTeUte4oYhQacgFMbXagL9G4O9mhlvgbrl26HtueTVo8zC4HC4887fnNpAoaLl-KgPwTxQBeQyADq2-iyLp8w6k42oJrWXzZ6Uv0_h0_MKFK_8QFjzzWhan1w45BOdFUs-8-aLfxM2e9YzoQ21PtbpnVXuEBmNN_u51yOEMuQVy3)
|
|
|
|
## 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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
!include https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/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/hP7DRjD058NtynJJi4WYfR6AkcBLu4PqaQOHTa6ih4ayJOpiiJKUAweG4fxX1maG24ehTe0gMa0ge0Yn2Ut3NDhaCRXEIxk09LwDpfpvxZc-IwbYKcLHICfq8v2fedx0-f95T1YeGPmfgWQSseij9lePwtFlDakOu2alz8WJMgPpnUdVdWqPHtIWL99UiIp9XlK-GhDkbdBPYuNYGjLxSMGb8HD5XlbK-M7GjUp5-KuXhQ-sh8YbYajhDYCbT2uGlJ3p-N-XekJP-885WijwWbv2MerRQ-kkrsgqbnsxqMbMgeHqk4nZKM5-58WQBKqEtarUF9pUUr2g4cSJGP5tDSw4p-HcfRTGesNGty6CmEo0-LokqZk4udS-g3BaNOyb2P90Vm2z1sORzFkP_HFeRs36e7-0GNrKGfDzgKORJgVURhe8aPnUhY_GrHjsSJVTVNJo-Yla1owk2nk1FWAz2-Ojc8-pmmZqovClMzEnWVmDw2UGlu9y7_AdaEz1_WpoGzInnzsp9XLr2aBs6H8loNKU_cb_4VxNpwF9rlufjiYouheT1zs5-TnrWGDpVvPe3EOnXZf-ldrykFFtQ-AihDtqMirhpVOo_libBdpSosy0)
|
|
|
|
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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
!include https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/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/hP5FRzD04CNl-ocsuP14IcqLzSIfmOte8KqZae8uMPjucWJPQskzLgWG4lRo1maG24ehRe0gMa0ge0XnAUs76ThaOp1EItk0OtsnzURDRz_pBiHQA9q4FYlouK3tkUu3T-RhGlOIqGFtjeY4X1XoFG0ETwof8rBWmTf0WiTzw86ab-Y07tEXoAg4Z7sXQQZ3aCtag_-7hgamu7sje_YARIinj7eK8UaaCQXkA3L8RNN3m8vy8VECix7s_477TkPdcxcqkbot0n5hKFRqZ9ZD36JNJpou42X9haCRWdegAo8lO_NghPNLjbklDXPRJhLPAvKPQuAAGraINZ2G5LuOxxqVltmqkV-mK6QjTG85xjKmaPvGwwNkN8KNCVk1PeHc2ysNOfdVPPoUiuDAG-Yu8eg8XDb7p7RGR6BsOMh_ZDbtDFkO_KH3-gX09kTIXLTRJQjHQnD40RzipV7b6qu-csm_Fdxp3TEzDjqjDSBi4BDjDE_GV9f-Z31xTVnrOx9lC7sBsLDCNsEwY-apJ7SmVOxf0UdKuzvfav8-0H7x54b3TXtyl-tFm__-TJZUs3t1vbcMskrcYzov-SnrZaFpW1BbvSmJ2dNqOlFeOElVRTPQMhdfrclNQer5-lSB83swbpy0)
|
|
|
|
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://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_english.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_english from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7DRfmm4BxxAIRRGrXf0qgLKq-XP9KSo0OLjb5FoC0KBFd7iWUXgEgxTzocIH-WN4RCV3_pZMyZoK2hqUA25ZG8rKqjxRpA6NkqirPnWU_16LY8VFnK545k-QneMOSrOXYT9RIKZyuKNakRbAuYJLeDHNLprQJM-R4kZ8o4eVXj4SM5igDU9_mlejpgAsP8PJ7aFaKHTVdjwTprTNcwQwkoEMPx8HeCqTbCJaRP0-pAL5Ma8Cc5tLwqBonc-izkjPCCBzbuVO3BLXglyN8FFmJmzsQJRJZqqdlMUSO1Ik-r6YKfPtVSgZuSe6oR_7Jic18GFkRNyFYrIhDIQxT5I34Za0FEw2L3pAf9iHTqco9E1QGCQlQAlDlFr-qo-ZDadLSO3yKNr7zJlQzrZipa-j1rJSke17gRlilS8qN-nLJIC_zB4Ut3qtDV7--Ffpi-u2tQYO_x2m00)
|
|
|
|
### C4Language_chinese
|
|
|
|
Theme [C4Language_chinese](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_chinese.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_chinese from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7DRfmm4BxxAIRRGq3QW5Bbr5CeGSc1R51X6_M434mNI_wnxB5GLFNTQwlfRXyWN4RCzytt0_UUkAEW9BkY5HL2VTToVGhyXEEy2eqUuQSp2bOYwx-KfUDRSHAqXYbuTBFHX9gAsQZIIgwJqesdHOgfhEzkkhGwFhUbufxGbSa2FRiIUfPXmGyHZQknZXSyXdM5JLLOM_ruEGvZMnqU-hhgcYndh4FdZSxueeJUmwvAKtXod8pRvQn_yuHg_6g2NhXxo-RRFLptN5c9rpdyOX2ViqssuJHoQwFEAqvGMIl5p4aOlOkh-jCUghuh3iqGJnp2v-8Mdh_N2QkaD9k7LDC36OWTBOyK5II9w0N39eZG0Gc5Cdt_cEttUxgC_e9HvvqMGVODvRzMbrX7ZpxvFGr3rqTM8ftHYymZae-lc4RwpV-ViFxfvNLicyVcy93bx1xr4fJy0m00)
|
|
|
|
### C4Language_danish
|
|
|
|
Theme [C4Language_danish](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_danish.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_danish from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7DRjim3BxhATZiK0T8RNJeQQTwRj0UtDIOdHKx6OhDnGBq8qWKZ6BOku_QkdOFC5y8azyFF-esaWoKZ1ONjA11Q6vQQSz9dd6S4qqBV0_Em4BauwUg2d8jpugMT4eHm-GieQLoSgRoMjgiSnLfrkfKDJTNNMuT7zlAo4WOgjy6KLmeE-aqutyHvTROC4CgYw7qEOXewszFns5iwyDTtzJTljWAqM68pXPoDihkO5FdgY85IIvijg9_OJ4pVdR9pZAy5DFr3YvxQRp6ooty4C3VcqsnuccKthFECvwWzbwhIP9oTiEjviCEwhuh3_k1AG7XOtaDZr-RFAkrTck473C2EU2CNZB494sAlM1O5N4g86LGirVatNw-RbVGdo7hlC9uABwW_flgVQrZP2RNXs7eUaPbqDlqNUOUAV8lvfAV-L-Aw1-UdiTsVxy_tF41Rz7EVDnV)
|
|
|
|
### C4Language_dutch
|
|
|
|
Theme [C4Language_dutch](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_dutch.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_dutch from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7DRfmm4BxxAIRRGrXf0qgLKq-X12K7ia65RTGJCZ1TBFd7iWUXgEgxTzocIH-WN4RCV3_pZMyZoK2hqUA25ZG8rKqZxNcLPnncQLLSu7jm1XOY7pyLHP1RVbQqhECQCKpE4bhA9sSAhwLDGbUHPgt6ehgvQbFhzDWKHaR2KFnsYE92sKclC_uNKMuD5JEaiXXodvA8flpsTEg7fZpUTLNPrjbUY1P3T3QJir7s0BioLHKfI79XjnVT2ukPuRDRxIp3IpPT7-2oayPhlDp33m7ylTba6uw3z9vrdd64qdkj9adAsHstgWy7ABisFzOzKmB2n_mQ7hzMQLPgxRO8AMO4Si0PlMI8MJKfze9-KyIfW9H1pLwHT_lvkbr6VuQiymhZeVY2-c-gzxLEaPbS7_g-xHYLG6_JTvbxfCY_c4fwvdyfedjuUXwQ-hu-tl41Rz7EVDnV)
|
|
|
|
### C4Language_german
|
|
|
|
Theme [C4Language_german](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_german.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_german from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7DRfmm4BxxAIRRGrXf0qgLKq-X12K7ia65RTGJCZ1bBVd7iWUXgEgxTzocIH-WN4RCV3_pZMyZoK2hqUA2pcWGgfj6scML2muB1YCjV0_Em9d8nqz54UIMBuhEwxX639EpX9RooPd2QscJq5MaMQkng6wksjGwFJQ5aP4m5ByTehXGTjBhZFz5b5j3nGofB8RSfoIYARyzdVgXAOztNLMsTRONeiKGdStaR9GzmAvCLKKAabpOxKNtmc9c-EnMEylmaatN1xZifF4QB_VmGm1_RpRPXkCWlMUTPnoXz5whIP9oTiUjwiC1ogxDZtNFb83mCR-6nwzLcfLQkor2YXc17716BnbYLasAlQ3V574g86LGirVatNw-RfVHdo7hlC9uABwW_flgVQrJP2RNXxvlEqObqDlqNUOUAV8lffAU-L-Aw1wUdeUclg-FTtp0MxGp7_SN)
|
|
|
|
### C4Language_italian
|
|
|
|
Theme [C4Language_italian](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_italian.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_italian from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7DRjim3BxhATZiK0T8RNJeQQTwRj0UtDIOdHKx6OpD9GBq8qWqWcBOku_QkdOFC5y8azyFF-esCKPUh54NV29BqDoqw8uB7cdKZ4QZW-_HMpWnX_IfgYAUowFcqt9O4iN9EoR7vUHj5Gowh7ILU3RwK3KtLrrkxH_Roc9YYjLlYwGkj9lCCjD_4PNMs0W3jQDOXXn5jVMtf_qmjlNkhc_gRbkibUee9kyAdArs6rZLkUh44Td7rLhrBo9cnyz-SJF6bsAwti1bZpOOkbp33mNolTaKPpgC68BeFDC1wX2Cdf2rTojfDHysKFTTkTiEGea47yjhUFpQv5bjZ3ydo34Ji0V9650WTZ6inGk6isP91Qmj6V5AijlFr-qA_ZCKdLUO3DKNCdzJlQ-rJyAK-Z0CNI-e37gRlilS4oVvfLpoC_zBKVt3q_FORk-tkpivu2svMOxx2m00)
|
|
|
|
### C4Language_japanese
|
|
|
|
Theme [C4Language_japanese](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_japanese.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_japanese from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7DRfmm4BxxAPpj8Qoq0QNAgQTGWf83sQ32Dke93J3TTUKVonw4eghltd6RPli0uJ9YvlkPRtmR2G8jHeiBEg51MTqqO8yB777u0HuiHfJVWpFoHEJZfw88iEP7HQTbN2A6oLb2I_daJE4rs2Hr5MdMQYogcwisjGwFJM4W4eRYZqSK5yfEUfdnNKIvDLJC06Knv3vb4KtvxUdG3qsvl-kgigsphH0jXkXi1hDHTYStPQegKW1oORCLtGkBcU6pM-mCuIMRhdVoiWFZDLvkvKyX-NkpoLOS1_2UTPvnbANtMar0ojaDjweFErbsRRwlUwO4b1_pQ_dujKgpKcktHfbYHabESaOF336B9iLUibyLSIf9og1chyYx_NhTBgE_GzPvXV5GV47zBzLvhKDa9jU7lcyxHYNGs_GiSuyK-HTJIS_yFqLq3q_FGrFVr_ixFk0jsfcF-ni0)
|
|
|
|
### C4Language_korean
|
|
|
|
Theme [C4Language_korean](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_korean.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_korean from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7DRfmm4BxxAIRRGrXf0qgLKq-X12K7ia65RTGJCZ3TjUeVonw4eghltd6RPli0uJ9YvlkPRtmRIGPQZ1ONT4A3KDqqqXuNUSJXXmieBNmFpi29oCTFHH7acXyLdPPnYHWcPmajvPCpXTVI9g6hIBDMOr7TNBMfTNXi2YCZOIZ-E4HneUoabndVHPHRGyKCgIo6tASaeYc_FHtweIdtTrrLjdMs5QB549tDv6oKtS6cJ5L52f9Ss6n5zy9YPlZi5ZlBy99DrpkuxAJn6Y-ty5C0VsyssOhZ8BrddMSSeVHUgqcISdR3hUh33igkpVTrpvI0y36_XiUlLPgLMhirGeePWHnmHYyPOXPDYhsWNnLnAY1bKBDNvDr-lMwNqTyXwxp2U2Y-eFwNwhpM8JAJwqFVjnsZ4kXjUfQvHuhyYwcaP_wV8hg7f-UXgU_h_HqVy1RjpCVz3G00)
|
|
|
|
### C4Language_portuguese
|
|
|
|
Theme [C4Language_portuguese](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_portuguese.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_portuguese from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7BRjmm3BphAvZj8LvWOoD5JZt5THR9mTaOjRT1JuRMPhq2z10a2aPGzDzBjMdI3wWlX3cS6Gvr6qa6IaQB2pgZGMXkMccN91SSlMDaIHWHlWTdu4pauwUg2d8j5qNdT4eHm-GieQLoSgRoMjeiTXLfrkfKDJTNNMuT7zlAo4WOgjykKLmeE-aqutyHvTROC4CgYw7qEOrewszFns5iwyDTtzJTljWAqM68pXPoDihkO5FdgY85IIvijg9_OJ4pVdR9pZAy5DFr3YvxQRp6ooty4C3VcqsnuccKthFECvwWzbwhIP9oTiEjviCEwhuh3_k1AG7XOtaDZr-RZDLQkpL2ZXc17716Btd494sAlM1O5N4g86LGirVatNw-RbVG7v1rNiSO55zG_qtrljOnCfFhmp1qFK_beJVqNUOUAV8lvfAV-L-Aw1-UdiTsVxy_tF41Rz7EVDnV)
|
|
|
|
### C4Language_russian
|
|
|
|
Theme [C4Language_russian](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_russian.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_russian from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7DRjim3BxhATZiK0T8RNJeQQTwRj0UtDIOdHKx6RBD9GBq8qWKZ6BOku_QkdOFC5y8azyFF-esaWoKZ1ONT4Q3qDoqqfwIFE4OKenAMlWUd84paO-VgYh8jJmfEgSfHGopiuIMojcPocjfiz9Lf4MhgMfkhhhSEZwsbP6HC5I_BQAuK7RMQS7_8igjiM66L1P3wNCKqTRVdex3sDQ7kxwfktsn5QB349qjv6AKtS6cpbL52f9Ss6n5_y9YPlpiabraU2dcwnrSzj9uZPTR-260lpUROiLfbDwppZDEK7klrIn9ERlXLlDX1tNVbOVzm9I0yB6yXiUlJPxLMhirGeuPWHnmHYyPOf8cnLumh8eu5P0ogDahycu_NxShwC-GTLvXF1HVKFzDzRxMCJAJwyCmT3sZCkXj-YvpZnJv5tF9p_mlHVGFJyzZkx_V7-xuWBTe5pxkBm00)
|
|
|
|
### C4Language_spanish
|
|
|
|
Theme [C4Language_spanish](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_spanish.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_spanish from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7DRfmm4BxxAIRRGrXf0qgLKq-X12K7ia65RTGJCZ1TBFd7iWUXgEgxTzocIH-WN4RCV3_pZMyZoK2hqUA25ZG8rKqZxNcLPnoYbrR51Ru7Ps0Xyl5JKGIvvMT5opgk4SFaBA6bV7Acy5hQf7GLQTPgBAgRgpQrJezDOMGa3CLlYoWkb9tqEkD_4UNMK353AeiXzocAQCflJwT-QChZNLULRPtjXMWnH6SpEHjb3x0hKrMHWYGNTdlHlR2O6JwxrSuol6JJzG4kEscyniiz_130tvjDjk4uIEzPvnb7ABtNQfAadDrng_fmWB9hysFTCoKWVColuV5hbMQbrcwBa69680USqKk6c5MJOY_eDqMS2aWPrEmLURUVhzjbz6V8Egym7eelgF-cUb_h59d9zQ7lsuvH2VGsVPUvHuhyYwcaP_wN8hg7f-UXgU_hunqVy1RjpCVz1G00)
|
|
|
|
### C4Language_ukrainian
|
|
|
|
Theme [C4Language_ukrainian](https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes/puml-theme-C4Language_ukrainian.puml) can be activated with
|
|
|
|
```plantuml
|
|
!theme C4Language_ukrainian from https://gitea.utapp.cn/github-mirrors/C4-PlantUML/raw/branch/ut/themes
|
|
```
|
|
|
|
[](https://www.plantuml.com/plantuml/uml/hL7DRfmm4BxxAIRRGrXf0qgLKq-XP9KSo0OLjb5FoC1qrwf_B7ii55LzzuxLDEa3bCk8cU_d--0saWoKZ1ONT4Q3qDoqqfwIFE6OVWIfh98MlWTdu4pauwUg2d8jJuhEQKeHm-mieQLoTgRoMjgiTHLfqMggcfkhBg-EZsrbP2GC5MMJA2wKdNLQyB-8ycficC5XCPG-bn5j_UtfE8njVRZhcxhR5riXEWpHsK8kHjaTREeyLQGWoONDLlGlB6R6poxPHOQNOhxUmMKlZTTukOMV0lXviobMd4RfFUiyumIrzrhDafIp6rur7tPGzrrvs0zC2GWVosju_DhaMwsrMoFacX780NVqaY4cQLBi1SEgY300AOEQlI9d-_MQhg0_HzPvXV5HV47zjzLxh6Da9i-7OUXwHcNGs_LTvXufyYlcaN_plnJHFpmzZ-t-Vd-uumzuYtP9Hly6)
|