# Themes - different styles and languages

[![Rounded (corner) style sample - open link](https://www.plantuml.com/plantuml/png/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 "Rounded (corner) style sample")](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)

[![Theme sample - open link](https://www.plantuml.com/plantuml/svg/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 "Theme sample")](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)

[![Language sample - open link](https://www.plantuml.com/plantuml/svg/hP5FQzH06CRlyoccww5Ps2PKUlBKDLti8Tq6aogUmknct8qaap2Pi1GHp8n_11L5QuitbMAhGbKMyRAs7-QrtVqOJjBQ7hoQKtZUv_szpvCivu9mKIGncXD3cb1iBpc43GeoeC4TaX56SuflypJ1Go6o_8fbSJ8o1v4O5hqYfxoVCa6PCFjfOcKnOHLg8HTX7FKiUsd1hQIDDSTAI2uej-eREPgBM3ykGlfVe5eARBr18aQvcLLTaDE-jRxX1qwxk-BPRRTZD15oASzJPf0mYLWBDwO7xwSl7ytkFsmqaRUfGKbmDIrOIFYcqLziuNcGFq2DGUs0-ZBVn7SHri_v8MD4Um79Caq2-H7a7gXja1zg-sUGtq5DGFu4fVLnGvliIotSzbops_4rX5DysLp4QpViQZRRVNpovXkK1_ue4heHo2EGkw3UWVfKlun1lZhvkZMRA2ZVWdmAvMiezw5y1kKUbC-XFDIwxd7lh8aXJa6QVORKGtITnd_RNuJ__UjekhL_YgsohFg-wsbtPJvtNU10FQWJJK0zqQ6ENsmV7-xykusyrVMRWTEvrkckw6-_J5ce_yiV "Language sample")](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
```

[![Rounded style sample - open link](https://www.plantuml.com/plantuml/svg/JL1DRvj04BtlhvYu1-FA0RdAgLAbK8oIIiH60JVA2IqmhbVQ3xGx55bL_tk7ret3PTXvyzwyD_U1fAVHQB44sP7wAGa3M9mWq5bZ3Dy8JZ80EMWH0XANe_C84kY41i5v_itkcezmL1f11L2sqsEFlRXvtXzsstpRLFLhaN_P210t5n1EH4Fud2HUJl4FHQUn7GFwpbb2It7dJ39eQMTZju5whTeakxijvzRXgKYC38IUMqt63Aai-dYOGuWYVTqVwgP8TzigIyiyMWbHeW_EHh8togvXaSvL1VAId5-iH7LcCTDyTQFjfJz7tMODoqgQGUDo1Ry4yFUs9fgmRUGmiCuBjf0EWrQT9ENiWblPXpMaLHdlyfef7k5Jl86dxzcCfLgxAS0Sy-yvEUCWUSICcXJlWdfInAc0b47Dkm9x-trn5z4_a7KkOmoAPzJ_Krrj7G8pkJxMTLdnr3pqXbvb7f02Ft4kH-_CUuge7lSlJP4_vBij7_0URS_7_GC0 "Rounded style sample")](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
```

[![New C4 style sample - open link](https://www.plantuml.com/plantuml/svg/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 "New C4 style sample")]((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
```

[![Theme sample - open link](https://www.plantuml.com/plantuml/svg/hL5Dxz8m6B_lKzHv6ScVBHXEdfWJmOINnGqvBjtsA4twqhHFin3ZT_Sf8FW1tALPV-_foYDt69HCadTu0GMiMdP12uIH_N16iGkYzH-Bml4f_odm4lhWmGr68sZC1wCAAxcE3dEFenHzKItdTRmwxNU5uXx15JTdJn523pACy7zSgMb52YuqkDpUDjJWlD4P7vNGRomjuoayEex6fREakP9GTPzCq2DtrsnO4AdXoafWTooTiLy9e-_fd4tGTznQOfwXPwMrKWmSXT4fNLNltrZPrFbXtPB40VkGBzZ-UnMnKaepUHQNUOQ6qIpBYQA2H14ZsqaWWcCe54ZAybJnzwDaXdUGV1uq0fDl8F-EUzKwUV0nRzksTKEiI7gYBviDeATVY4TysdybIRCzdhilksFPVZrikjrwipvypcR92lGObFm3 "Theme sample")](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
```

[![blue theme sample - open link](https://www.plantuml.com/plantuml/svg/hO-noeD048Hxdq8VGBUn-Yj_99s150afmwaR5VRMutQEaBVFcMT8DSF0zy5q1XUHl1GLLlPSzkrZbCJbC-w-N85WVqJHlPfbmvh6P1odNS6APjez1N5wuBLXbcsalgqlntGx3-ITWIDzlLPKcqwIPlwDD6JYJLSs_8kSX3qhx9vj0o-iSnEEIrrkEJy0 "blue theme sample")](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
```

[![blue theme sample with NEW_C4_STYLE=1 - open link](https://www.plantuml.com/plantuml/png/hS_12eCm383Xkq-X3w1Xu6amS8WtDmPpo4vIDLCXhQL96NlxjNk6dH9-o0UfM9GJhod9haq_rELmxvvjSpeacQoeCGrb98_fo-qwNKKi7m6SUXVB9giVFQERTYDef9Xs3PQKYLpECjCsGbtcjvWUbnQqOa47FvUJR3CJ-Hd_WzfmyO4EMSv43Q568zm7hSK5pLpO-68LjZ2_)](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
```

[![new blue theme sample - open link](https://www.plantuml.com/plantuml/png/hSyngeD04CRntbFe0NGQgrVva7G6KYIab5M_g32xBZkpI6wVtPmXrGm3_nzC9sg2Hij5fHiiohuT9uuO7Sxo5GvRRgfU_eY2EPjrrorEKH3cmocSDlDXoRDncQX55zudwjlwba-Fwq3MY2BGrvQYsjtCSS5lK9-ADzqX-izyOTZKoZDf0rQufV7vhIvjQNu0)](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
```

[![brown theme sample - open link](https://www.plantuml.com/plantuml/svg/hOyn2eD044LxJw47q6ciKXaadO4K2Id3gXCLPcUNcLaajy-QCwJwdm_lmU_Kd5ZoL5IseiUoRr-ZX9tBjmHVhcPHJm3YzcRPR4rZKfGfi25RCmKFaHmVVAqsqpP2tzQtOtfS1_1E3GL-OYsgZITAC_v76ZFnWJkgdOakX3wp-ios0HVakOd7fowtd5y0 "brown theme sample")](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
```

[![new brown theme sample - open link](https://www.plantuml.com/plantuml/png/hS-noeD03C3ntQVG1z0iJj_aXtIpqA6bevoQgf3B7KaEwTltx3DqIWZyVv1EpOabJqLb6tei-tQS91myCXxbIu8lDxEeVm3YZcRTRKjJKfGvi25RCmSFaHoVHgssq3v1tzQty_Iu3k2T6WfySIsgdMTA2_u6ZRbumntL_eakX3wt-ipQW2loqiJphovlUNu0)](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
```

[![green theme sample - open link](https://www.plantuml.com/plantuml/svg/hO-noeD048Hxdq8VGBUn-Yj_99s150afmwaJ5VREOtUFaBVFcMT8DSF0zy5qQauiUIugM-5HzkrZ4I2KJzbzkPf5_ICIzsgMpTOq9eLCUp04QwRTKsGN3hvMctaRgM_hop7TpWDvfmQXhrYBQWiJfnc_aSPClEaAjN_c4yDdLk_PDc11c9juVEfoo_a1 "green theme sample")](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
```

[![new green theme sample - open link](https://www.plantuml.com/plantuml/png/hSynoeD040NWtbFe0NGRgx_oHz8PI96GKjRrHONTSPcPHNBxh3b3gXaUl0zU9sfPK_15fIi2ohuT5mPe91pbY_TGhgfH_enXUpJBfckQae3TJWhInkt1H6_fD6hHsM-JwTlwTaQFws225GMRBov5jP7pQSPlq0XsRtE7wB_t5u-Gk_BCse05D3VntDNbBzyF)](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
```

[![sandstone theme sample - open link](https://www.plantuml.com/plantuml/svg/hS-noeD03C3ntQVG1z0iJj_aXtIpqA6bOpczL8KaTrnobBvzppv3fuJ0_mSPr5oop5GrjY5ZFVOFTUBLWc3zJ87hpIpg7q1ohsxTRSjpLanB44EnRWaCaPmSHglcQPzXxDlBSRgT9s2dXWc-k5RDBWjbZxz1OodUS4MrVw8J8PTMxqMRS4NnNJp-6ifMvWS0 "sandstone theme sample")](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
```

[![superhero theme sample - open link](https://www.plantuml.com/plantuml/svg/hS-noeD03C3ntQVG1z0iJj_aXtIpqA6bOparzOJaxaXobBvzppv3fuJ0_mSPr9nOPgeQyyXOZ_r3SqBnAB5-IkJQcoNz0n3twhRTV9wpeYmn60RhbiYGo8N3QDLMscSO-_Pod6xd2TYfeS0NrwhPmq9vnT-WgHHlkABQFz69a4khzw9Dk65OktJyDPIjp0y0 "superhero theme sample")](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
```

[![united theme sample - open link](https://www.plantuml.com/plantuml/svg/hSyngiCm3CRnFQT83f1eoVIcF4At53gqT2nEh2O6sJ7MPqflNwTdw2GX-Fz0Wy8aP2zLWuqzrsF_oC61RVrCkwyt8EeVKJAlRdNOyfoLqx87S42tx9wYc700hSAAcsdisyjnkfqdyaR1YRwoLeqBYsJBlq5ZATvqPSM_o4dObrRlHPjuvM2xU3mrbAtC3m00 "united theme sample")](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
```

[![violet theme sample - open link](https://www.plantuml.com/plantuml/svg/hS_12i8m383X-vvYUu0jbvqyJOQt2HuKZz9jSIiaRMbInRUtzHay9GJ-3pA8cgY9gMfqHyPwx1ylwmcrVaRFzQuQv00GpRlRhEvfJe9nyKxHQRTuXa365Q0LNSdECFRjfPnkvmdOY6A4donLOzr2QSN_e24N7xYYw97eHCYvbNlM9jpGhLqeJmrvo_CB "violet theme sample")](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
```

[![new violet theme sample - open link](https://www.plantuml.com/plantuml/png/hS-n2eD0383XtQVG1z0iJfqiqir2XvQEScgg1xdSSSbL-lOz-moT4WB_1-b4JTJagAXqGuTbtuvlwmbrPDpBL_Ikt5I3d02YsPlLwfQc91XdpugipUmT139y8BNeGdQ2lgrln-bn7S0PKOpmqwMeBC-K5lmF6dBnWJkAdeakX2wtyipQW2loqeJZiIvlUNu1)](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
```

[![Matt theme sample - cb_div_BrBG_11 - open link](https://www.plantuml.com/plantuml/svg/ZL5DRzD04BtlhzY6YoCrjegumAck2IbIcbZOfUAqMjj3izBi1pjZMHNYlxEhGDjZVHbvtflteRqcrf5dY-A2Js11ZeCY-AL-u37UHFLH_epUoXDpe4zL5VLIFXe-pSDC44Vl61oNexULNK0_8bJDXqsBsl7ztNxJPq6gh3Qk2Xg16KY82-D6d2TuWsX0xNAs3V64PdWjNbbD336jLECT9mk8PSWzH0kHl2lqP8sxbAiwJqCSDVkuMelkAHrQTUDdD-duL8nNYTHf6n3a6LkjvMyXq_UiN2mmA1r2OZx08EiGq8oQZNUhj6hUNSgwQyl3jayd4UJxyahUVMyoLYFwXMHkHfAz7BqDEb7iZ6ooPRyOPeYIZGLCNfGY_laNik0pc7JEj9nVV0FyN-ubrZq1PR_Rlc-xnCgaP_H5PWTCwHVoo2_x-aHqjyS7zML_hFklXvtQRtVRm-TYBQx1JRF5lm00 "Matt theme sample - cb_div_BrBG_11")](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:

[![sequence diagram](https://www.plantuml.com/plantuml/svg/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)](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
```

[![Japanese sample without C4Language_japanese theme - open link](https://www.plantuml.com/plantuml/svg/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 "Japanese sample without C4Language_japanese theme")](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
```

[![Japanese sample with C4Language_japanese theme - open link](https://www.plantuml.com/plantuml/svg/hP5FRzD04CNl-ocsuP14IcqLzSIfmOte8KqZae8uMPjucWJPQskzLgWG4lRo1maG24ehRe0gMa0ge0XnAUs76ThaOp1EItk0OtsnzURDRz_pBiHQA9q4FYlouK3tkUu3T-RhGlOIqGFtjeY4X1XoFG0ETwof8rBWmTf0WiTzw86ab-Y07tEXoAg4Z7sXQQZ3aCtag_-7hgamu7sje_YARIinj7eK8UaaCQXkA3L8RNN3m8vy8VECix7s_477TkPdcxcqkbot0n5hKFRqZ9ZD36JNJpou42X9haCRWdegAo8lO_NghPNLjbklDXPRJhLPAvKPQuAAGraINZ2G5LuOxxqVltmqkV-mK6QjTG85xjKmaPvGwwNkN8KNCVk1PeHc2ysNOfdVPPoUiuDAG-Yu8eg8XDb7p7RGR6BsOMh_ZDbtDFkO_KH3-gX09kTIXLTRJQjHQnD40RzipV7b6qu-csm_Fdxp3TEzDjqjDSBi4BDjDE_GV9f-Z31xTVnrOx9lC7sBsLDCNsEwY-apJ7SmVOxf0UdKuzvfav8-0H7x54b3TXtyl-tFm__-TJZUs3t1vbcMskrcYzov-SnrZaFpW1BbvSmJ2dNqOlFeOElVRTPQMhdfrclNQer5-lSB83swbpy0 "Japanese sample with C4Language_japanese theme")](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
```

[![english sample - open link](https://www.plantuml.com/plantuml/svg/hL7DRfmm4BxxAIRRGrXf0qgLKq-XP9KSo0OLjb5FoC0KBFd7iWUXgEgxTzocIH-WN4RCV3_pZMyZoK2hqUA25ZG8rKqjxRpA6NkqirPnWU_16LY8VFnK545k-QneMOSrOXYT9RIKZyuKNakRbAuYJLeDHNLprQJM-R4kZ8o4eVXj4SM5igDU9_mlejpgAsP8PJ7aFaKHTVdjwTprTNcwQwkoEMPx8HeCqTbCJaRP0-pAL5Ma8Cc5tLwqBonc-izkjPCCBzbuVO3BLXglyN8FFmJmzsQJRJZqqdlMUSO1Ik-r6YKfPtVSgZuSe6oR_7Jic18GFkRNyFYrIhDIQxT5I34Za0FEw2L3pAf9iHTqco9E1QGCQlQAlDlFr-qo-ZDadLSO3yKNr7zJlQzrZipa-j1rJSke17gRlilS8qN-nLJIC_zB4Ut3qtDV7--Ffpi-u2tQYO_x2m00 "english sample")](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
```

[![chinese sample - open link](https://www.plantuml.com/plantuml/svg/hL7DRfmm4BxxAIRRGq3QW5Bbr5CeGSc1R51X6_M434mNI_wnxB5GLFNTQwlfRXyWN4RCzytt0_UUkAEW9BkY5HL2VTToVGhyXEEy2eqUuQSp2bOYwx-KfUDRSHAqXYbuTBFHX9gAsQZIIgwJqesdHOgfhEzkkhGwFhUbufxGbSa2FRiIUfPXmGyHZQknZXSyXdM5JLLOM_ruEGvZMnqU-hhgcYndh4FdZSxueeJUmwvAKtXod8pRvQn_yuHg_6g2NhXxo-RRFLptN5c9rpdyOX2ViqssuJHoQwFEAqvGMIl5p4aOlOkh-jCUghuh3iqGJnp2v-8Mdh_N2QkaD9k7LDC36OWTBOyK5II9w0N39eZG0Gc5Cdt_cEttUxgC_e9HvvqMGVODvRzMbrX7ZpxvFGr3rqTM8ftHYymZae-lc4RwpV-ViFxfvNLicyVcy93bx1xr4fJy0m00 "chinese sample")](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
```

[![danish sample - open link](https://www.plantuml.com/plantuml/svg/hL7DRjim3BxhATZiK0T8RNJeQQTwRj0UtDIOdHKx6OhDnGBq8qWKZ6BOku_QkdOFC5y8azyFF-esaWoKZ1ONjA11Q6vQQSz9dd6S4qqBV0_Em4BauwUg2d8jpugMT4eHm-GieQLoSgRoMjgiSnLfrkfKDJTNNMuT7zlAo4WOgjy6KLmeE-aqutyHvTROC4CgYw7qEOXewszFns5iwyDTtzJTljWAqM68pXPoDihkO5FdgY85IIvijg9_OJ4pVdR9pZAy5DFr3YvxQRp6ooty4C3VcqsnuccKthFECvwWzbwhIP9oTiEjviCEwhuh3_k1AG7XOtaDZr-RFAkrTck473C2EU2CNZB494sAlM1O5N4g86LGirVatNw-RbVGdo7hlC9uABwW_flgVQrZP2RNXs7eUaPbqDlqNUOUAV8lvfAV-L-Aw1-UdiTsVxy_tF41Rz7EVDnV "danish sample")](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
```

[![dutch sample - open link](https://www.plantuml.com/plantuml/svg/hL7DRfmm4BxxAIRRGrXf0qgLKq-X12K7ia65RTGJCZ1TBFd7iWUXgEgxTzocIH-WN4RCV3_pZMyZoK2hqUA25ZG8rKqZxNcLPnncQLLSu7jm1XOY7pyLHP1RVbQqhECQCKpE4bhA9sSAhwLDGbUHPgt6ehgvQbFhzDWKHaR2KFnsYE92sKclC_uNKMuD5JEaiXXodvA8flpsTEg7fZpUTLNPrjbUY1P3T3QJir7s0BioLHKfI79XjnVT2ukPuRDRxIp3IpPT7-2oayPhlDp33m7ylTba6uw3z9vrdd64qdkj9adAsHstgWy7ABisFzOzKmB2n_mQ7hzMQLPgxRO8AMO4Si0PlMI8MJKfze9-KyIfW9H1pLwHT_lvkbr6VuQiymhZeVY2-c-gzxLEaPbS7_g-xHYLG6_JTvbxfCY_c4fwvdyfedjuUXwQ-hu-tl41Rz7EVDnV "dutch sample")](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
```

[![german sample - open link](https://www.plantuml.com/plantuml/svg/hL7DRfmm4BxxAIRRGrXf0qgLKq-X12K7ia65RTGJCZ1bBVd7iWUXgEgxTzocIH-WN4RCV3_pZMyZoK2hqUA2pcWGgfj6scML2muB1YCjV0_Em9d8nqz54UIMBuhEwxX639EpX9RooPd2QscJq5MaMQkng6wksjGwFJQ5aP4m5ByTehXGTjBhZFz5b5j3nGofB8RSfoIYARyzdVgXAOztNLMsTRONeiKGdStaR9GzmAvCLKKAabpOxKNtmc9c-EnMEylmaatN1xZifF4QB_VmGm1_RpRPXkCWlMUTPnoXz5whIP9oTiUjwiC1ogxDZtNFb83mCR-6nwzLcfLQkor2YXc17716BnbYLasAlQ3V574g86LGirVatNw-RfVHdo7hlC9uABwW_flgVQrJP2RNXxvlEqObqDlqNUOUAV8lffAU-L-Aw1wUdeUclg-FTtp0MxGp7_SN "german sample")](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
```

[![italian sample - open link](https://www.plantuml.com/plantuml/svg/hL7DRjim3BxhATZiK0T8RNJeQQTwRj0UtDIOdHKx6OpD9GBq8qWqWcBOku_QkdOFC5y8azyFF-esCKPUh54NV29BqDoqw8uB7cdKZ4QZW-_HMpWnX_IfgYAUowFcqt9O4iN9EoR7vUHj5Gowh7ILU3RwK3KtLrrkxH_Roc9YYjLlYwGkj9lCCjD_4PNMs0W3jQDOXXn5jVMtf_qmjlNkhc_gRbkibUee9kyAdArs6rZLkUh44Td7rLhrBo9cnyz-SJF6bsAwti1bZpOOkbp33mNolTaKPpgC68BeFDC1wX2Cdf2rTojfDHysKFTTkTiEGea47yjhUFpQv5bjZ3ydo34Ji0V9650WTZ6inGk6isP91Qmj6V5AijlFr-qA_ZCKdLUO3DKNCdzJlQ-rJyAK-Z0CNI-e37gRlilS4oVvfLpoC_zBKVt3q_FORk-tkpivu2svMOxx2m00 "italian sample")](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
```

[![japanese sample - open link](https://www.plantuml.com/plantuml/svg/hL7DRfmm4BxxAPpj8Qoq0QNAgQTGWf83sQ32Dke93J3TTUKVonw4eghltd6RPli0uJ9YvlkPRtmR2G8jHeiBEg51MTqqO8yB777u0HuiHfJVWpFoHEJZfw88iEP7HQTbN2A6oLb2I_daJE4rs2Hr5MdMQYogcwisjGwFJM4W4eRYZqSK5yfEUfdnNKIvDLJC06Knv3vb4KtvxUdG3qsvl-kgigsphH0jXkXi1hDHTYStPQegKW1oORCLtGkBcU6pM-mCuIMRhdVoiWFZDLvkvKyX-NkpoLOS1_2UTPvnbANtMar0ojaDjweFErbsRRwlUwO4b1_pQ_dujKgpKcktHfbYHabESaOF336B9iLUibyLSIf9og1chyYx_NhTBgE_GzPvXV5GV47zBzLvhKDa9jU7lcyxHYNGs_GiSuyK-HTJIS_yFqLq3q_FGrFVr_ixFk0jsfcF-ni0 "japanese sample")](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
```

[![korean sample - open link](https://www.plantuml.com/plantuml/svg/hL7DRfmm4BxxAIRRGrXf0qgLKq-X12K7ia65RTGJCZ3TjUeVonw4eghltd6RPli0uJ9YvlkPRtmRIGPQZ1ONT4A3KDqqqXuNUSJXXmieBNmFpi29oCTFHH7acXyLdPPnYHWcPmajvPCpXTVI9g6hIBDMOr7TNBMfTNXi2YCZOIZ-E4HneUoabndVHPHRGyKCgIo6tASaeYc_FHtweIdtTrrLjdMs5QB549tDv6oKtS6cJ5L52f9Ss6n5zy9YPlZi5ZlBy99DrpkuxAJn6Y-ty5C0VsyssOhZ8BrddMSSeVHUgqcISdR3hUh33igkpVTrpvI0y36_XiUlLPgLMhirGeePWHnmHYyPOXPDYhsWNnLnAY1bKBDNvDr-lMwNqTyXwxp2U2Y-eFwNwhpM8JAJwqFVjnsZ4kXjUfQvHuhyYwcaP_wV8hg7f-UXgU_h_HqVy1RjpCVz3G00 "korean sample")](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
```

[![portuguese sample - open link](https://www.plantuml.com/plantuml/svg/hL7BRjmm3BphAvZj8LvWOoD5JZt5THR9mTaOjRT1JuRMPhq2z10a2aPGzDzBjMdI3wWlX3cS6Gvr6qa6IaQB2pgZGMXkMccN91SSlMDaIHWHlWTdu4pauwUg2d8j5qNdT4eHm-GieQLoSgRoMjeiTXLfrkfKDJTNNMuT7zlAo4WOgjykKLmeE-aqutyHvTROC4CgYw7qEOrewszFns5iwyDTtzJTljWAqM68pXPoDihkO5FdgY85IIvijg9_OJ4pVdR9pZAy5DFr3YvxQRp6ooty4C3VcqsnuccKthFECvwWzbwhIP9oTiEjviCEwhuh3_k1AG7XOtaDZr-RZDLQkpL2ZXc17716Btd494sAlM1O5N4g86LGirVatNw-RbVG7v1rNiSO55zG_qtrljOnCfFhmp1qFK_beJVqNUOUAV8lvfAV-L-Aw1-UdiTsVxy_tF41Rz7EVDnV "portuguese sample")](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
```

[![russian sample - open link](https://www.plantuml.com/plantuml/svg/hL7DRjim3BxhATZiK0T8RNJeQQTwRj0UtDIOdHKx6RBD9GBq8qWKZ6BOku_QkdOFC5y8azyFF-esaWoKZ1ONT4Q3qDoqqfwIFE4OKenAMlWUd84paO-VgYh8jJmfEgSfHGopiuIMojcPocjfiz9Lf4MhgMfkhhhSEZwsbP6HC5I_BQAuK7RMQS7_8igjiM66L1P3wNCKqTRVdex3sDQ7kxwfktsn5QB349qjv6AKtS6cpbL52f9Ss6n5_y9YPlpiabraU2dcwnrSzj9uZPTR-260lpUROiLfbDwppZDEK7klrIn9ERlXLlDX1tNVbOVzm9I0yB6yXiUlJPxLMhirGeuPWHnmHYyPOf8cnLumh8eu5P0ogDahycu_NxShwC-GTLvXF1HVKFzDzRxMCJAJwyCmT3sZCkXj-YvpZnJv5tF9p_mlHVGFJyzZkx_V7-xuWBTe5pxkBm00 "russian sample")](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
```

[![spanish sample - open link](https://www.plantuml.com/plantuml/svg/hL7DRfmm4BxxAIRRGrXf0qgLKq-X12K7ia65RTGJCZ1TBFd7iWUXgEgxTzocIH-WN4RCV3_pZMyZoK2hqUA25ZG8rKqZxNcLPnoYbrR51Ru7Ps0Xyl5JKGIvvMT5opgk4SFaBA6bV7Acy5hQf7GLQTPgBAgRgpQrJezDOMGa3CLlYoWkb9tqEkD_4UNMK353AeiXzocAQCflJwT-QChZNLULRPtjXMWnH6SpEHjb3x0hKrMHWYGNTdlHlR2O6JwxrSuol6JJzG4kEscyniiz_130tvjDjk4uIEzPvnb7ABtNQfAadDrng_fmWB9hysFTCoKWVColuV5hbMQbrcwBa69680USqKk6c5MJOY_eDqMS2aWPrEmLURUVhzjbz6V8Egym7eelgF-cUb_h59d9zQ7lsuvH2VGsVPUvHuhyYwcaP_wN8hg7f-UXgU_hunqVy1RjpCVz1G00 "spanish sample")](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
```

[![ukrainian sample - open link](https://www.plantuml.com/plantuml/svg/hL7DRfmm4BxxAIRRGrXf0qgLKq-XP9KSo0OLjb5FoC1qrwf_B7ii55LzzuxLDEa3bCk8cU_d--0saWoKZ1ONT4Q3qDoqqfwIFE6OVWIfh98MlWTdu4pauwUg2d8jJuhEQKeHm-mieQLoTgRoMjgiTHLfqMggcfkhBg-EZsrbP2GC5MMJA2wKdNLQyB-8ycficC5XCPG-bn5j_UtfE8njVRZhcxhR5riXEWpHsK8kHjaTREeyLQGWoONDLlGlB6R6poxPHOQNOhxUmMKlZTTukOMV0lXviobMd4RfFUiyumIrzrhDafIp6rur7tPGzrrvs0zC2GWVosju_DhaMwsrMoFacX780NVqaY4cQLBi1SEgY300AOEQlI9d-_MQhg0_HzPvXV5HV47zjzLxh6Da9i-7OUXwHcNGs_LTvXufyYlcaN_plnJHFpmzZ-t-Vd-uumzuYtP9Hly6 "ukrainian sample")](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)
