Merge pull request #2 from leilapearson/improved-legend

Improve legend

C4.puml

@@ -5,6 +5,8 @@
 ' ##################################
 
 !global $ELEMENT_FONT_COLOR = "#FFFFFF"
+!global $LEGEND_FONT_COLOR = "#FFFFFF"
+!global $LEGEND_TITLE_COLOR = "#000000"
 
 ' Styling
 ' ##################################
@@ -16,6 +18,10 @@ skinparam defaultTextAlignment center
 skinparam wrapWidth 200
 skinparam maxMessageSize 150
 
+skinparam LegendBorderColor transparent
+skinparam LegendBackgroundColor transparent
+skinparam LegendFontColor $LEGEND_FONT_COLOR
+
 skinparam rectangle {
     StereotypeFontSize 12
     shadowing false

C4_Component.puml

@@ -35,13 +35,13 @@ skinparam database<<component>> {
 !function LAYOUT_WITH_LEGEND()
 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 |
-|<$COMPONENT_BG_COLOR>   | component |
+|<color:$LEGEND_TITLE_COLOR>**Legend**</color> |
+|<$PERSON_BG_COLOR> person |
+|<$SYSTEM_BG_COLOR> system |
+|<$CONTAINER_BG_COLOR> container |
+|<$COMPONENT_BG_COLOR> component |
+|<$EXTERNAL_PERSON_BG_COLOR> external person |
+|<$EXTERNAL_SYSTEM_BG_COLOR> external system |
 endlegend
 !endfunction
 

C4_Container.puml

@@ -35,12 +35,12 @@ skinparam database<<container>> {
 !function LAYOUT_WITH_LEGEND()
 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 |
+|<color:$LEGEND_TITLE_COLOR>**Legend**</color> |
+|<$PERSON_BG_COLOR> person |
+|<$SYSTEM_BG_COLOR> system |
+|<$CONTAINER_BG_COLOR> container |
+|<$EXTERNAL_PERSON_BG_COLOR> external person |
+|<$EXTERNAL_SYSTEM_BG_COLOR> external system |
 endlegend
 !endfunction
 

C4_Context.puml

@@ -66,11 +66,11 @@ BorderColor #8A8A8A
 !function LAYOUT_WITH_LEGEND()
 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 |
+|<color:$LEGEND_TITLE_COLOR>**Legend**</color> |
+|<$PERSON_BG_COLOR> person |
+|<$SYSTEM_BG_COLOR> system|
+|<$EXTERNAL_PERSON_BG_COLOR> external person |
+|<$EXTERNAL_SYSTEM_BG_COLOR> external system |
 endlegend
 !endfunction