samples broken again

C4.puml

@@ -50,9 +50,13 @@ skinparam defaultFontName "Comic Sans MS"
 center footer <font color=red>Warning:</font> Created for discussion, needs to be validated
 !endfunction
 
-!function LAYOUT_TOP_DOWN() return top to bottom direction
+!function LAYOUT_TOP_DOWN()
+top to bottom direction
+!endfunction
 
-!function LAYOUT_LEFT_RIGHT() return left to right direction
+!function LAYOUT_LEFT_RIGHT() 
+left to right direction
+!endfunction
 
 ' Boundaries
 ' ##################################

C4_Component.puml

@@ -36,11 +36,11 @@ skinparam database<<component>> {
 hide stereotype
 legend right
 |=              |= Type |
-|<PERSON_BG_COLOR>      | person |
-|<EXTERNAL_PERSON_BG_COLOR>      | external person |
-|<SYSTEM_BG_COLOR>   | system |
-|<EXTERNAL_SYSTEM_BG_COLOR>      | external system |
-|<CONTAINER_BG_COLOR>   | container |
+|<$PERSON_BG_COLOR>      | person |
+|<$EXTERNAL_PERSON_BG_COLOR>      | external person |
+|<$SYSTEM_BG_COLOR>   | system |
+|<$EXTERNAL_SYSTEM_BG_COLOR>      | external system |
+|<$CONTAINER_BG_COLOR>   | container |
 |<$COMPONENT_BG_COLOR>   | component |
 endlegend
 !endfunction

C4_Container.puml

@@ -36,10 +36,10 @@ skinparam database<<container>> {
 hide stereotype
 legend right
 |=              |= Type |
-|<PERSON_BG_COLOR>      | person |
-|<EXTERNAL_PERSON_BG_COLOR>      | external person |
-|<SYSTEM_BG_COLOR>   | system |
-|<EXTERNAL_SYSTEM_BG_COLOR>      | external system |
+|<$PERSON_BG_COLOR>      | person |
+|<$EXTERNAL_PERSON_BG_COLOR>      | external person |
+|<$SYSTEM_BG_COLOR>   | system |
+|<$EXTERNAL_SYSTEM_BG_COLOR>      | external system |
 |<$CONTAINER_BG_COLOR>   | container |
 endlegend
 !endfunction

samples/C4_Container Diagram Sample - bigbankplc.puml

@@ -3,8 +3,8 @@
 ' uncomment the following line and comment the first to use locally
 ' !include C4_Container.puml
 
-LAYOUT_TOP_DOWN
-'LAYOUT_AS_SKETCH()
+' LAYOUT_TOP_DOWN()
+' LAYOUT_AS_SKETCH()
 LAYOUT_WITH_LEGEND()
 
 title Container diagram for Internet Banking System

samples/C4_Container Diagram Sample - message bus.puml

@@ -6,7 +6,7 @@
 skinparam wrapWidth 200
 skinparam maxMessageSize 200
 
-LAYOUT_TOP_DOWN
+LAYOUT_TOP_DOWN()
 'LAYOUT_AS_SKETCH()
 LAYOUT_WITH_LEGEND()
 

samples/C4_Container Diagram Sample - techtribesjs.puml

@@ -3,7 +3,7 @@
 ' uncomment the following line and comment the first to use locally
 ' !include C4_Container.puml
 
-LAYOUT_TOP_DOWN
+LAYOUT_TOP_DOWN()
 'LAYOUT_AS_SKETCH()
 LAYOUT_WITH_LEGEND()
 

samples/C4_Context Diagram Sample - bigbankplc-landscape.puml

@@ -3,7 +3,7 @@
 ' uncomment the following line and comment the first to use locally
 ' !include C4_Context.puml
 
-'LAYOUT_TOP_DOWN
+'LAYOUT_TOP_DOWN()
 'LAYOUT_AS_SKETCH()
 LAYOUT_WITH_LEGEND()
 

samples/C4_Context Diagram Sample - enterprise.puml

@@ -3,7 +3,7 @@
 ' uncomment the following line and comment the first to use locally
 ' !include C4_Context.puml
 
-LAYOUT_TOP_DOWN
+LAYOUT_TOP_DOWN()
 'LAYOUT_AS_SKETCH()
 LAYOUT_WITH_LEGEND()