|
14 | 14 | - [C4_superhero](#c4_superhero)
|
15 | 15 | - [C4_united](#c4_united)
|
16 | 16 | - [C4_violet](#c4_violet)
|
| 17 | + - [Matt Weagle themes](#matt-weagle-themes) |
17 | 18 | - [Write custom themes](#write-custom-themes)
|
18 | 19 | - [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)
|
19 | 20 | - [(C4 styled) Sequence diagram and themes](#c4-styled-sequence-diagram-and-themes)
|
@@ -42,7 +43,18 @@ In order to invoke a local theme `C4_foo`, you have to use the following directi
|
42 | 43 | !theme C4_foo from /path/to/themes/folder
|
43 | 44 | ```
|
44 | 45 |
|
45 |
| -(It is planed that included themes can be loaded via `!theme C4_united from <C4/themes>` too, but this requires a PlantUML extension with is missing atm) |
| 46 | +Starting with PlantUML v1.2023.8 the C4 themes can be invoked via C4-Stdlib or calculated paths too: |
| 47 | + |
| 48 | +```plantuml |
| 49 | +' theme from C4-Stdlib |
| 50 | +!theme C4_united from <C4/themes> |
| 51 | +
|
| 52 | +' another alternative: theme with calculated from |
| 53 | +!RELATIVE_INCLUDE = "https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master" |
| 54 | +!theme C4_united from %get_variable_value("RELATIVE_INCLUDE")/themes |
| 55 | +``` |
| 56 | + |
| 57 | +Following simple sample uses the C4_united theme from the official remote repository path. |
46 | 58 |
|
47 | 59 | ```plantuml
|
48 | 60 | @startuml
|
@@ -141,6 +153,35 @@ Theme [C4_violet](https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/
|
141 | 153 |
|
142 | 154 | 
|
143 | 155 |
|
| 156 | +## Matt Weagle themes |
| 157 | + |
| 158 | +Matt Weagle published a set of impressive themes based on ColorBrewer and Seaborn palettes (thank you Matt). |
| 159 | + |
| 160 | +https://github.com./mweagle/C4-PlantUML-Themes contains an overview of all his themes. |
| 161 | + |
| 162 | +They can be simply invoked like the `cb_seq_YlOrBr_9` theme |
| 163 | + |
| 164 | +```plantuml |
| 165 | +@startuml |
| 166 | +!theme cb_seq_YlOrBr_9 from https://raw.githubusercontent.com/mweagle/C4-PlantUML-Themes/main/palettes |
| 167 | +
|
| 168 | +!include https://raw.githubusercontent.com/plantuml-stdlib/C4-PlantUML/master/C4_Container.puml |
| 169 | +
|
| 170 | +Person(admin, "Administrator") |
| 171 | +System_Boundary(c1, "Sample System") { |
| 172 | + Container(web_app, "Web Application", "C#, ASP.NET Core 2.1 MVC", "Allows users to compare multiple Twitter timelines") |
| 173 | +} |
| 174 | +System(twitter, "Twitter") |
| 175 | +
|
| 176 | +Rel(admin, web_app, "Uses", "HTTPS") |
| 177 | +Rel(web_app, twitter, "Gets tweets from", "HTTPS") |
| 178 | +
|
| 179 | +SHOW_FLOATING_LEGEND() |
| 180 | +@enduml |
| 181 | +``` |
| 182 | + |
| 183 | + |
| 184 | + |
144 | 185 | ## Write custom themes
|
145 | 186 |
|
146 | 187 | You can create your own theme on your local file system. You can duplicate any existing theme to create your own one.
|
|
0 commit comments