From 2c201192b877977b63436db55649773ccdb80956 Mon Sep 17 00:00:00 2001
From: Piotr Stawirej <piotr.stawirej@gmail.com>
Date: Thu, 7 May 2020 19:41:32 +0200
Subject: [PATCH 1/2] Add external containers.

---
 C4_Container.puml | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/C4_Container.puml b/C4_Container.puml
index 2bc697cb..529de0a9 100644
--- a/C4_Container.puml
+++ b/C4_Container.puml
@@ -11,6 +11,7 @@
 ' ##################################
 
 !define CONTAINER_BG_COLOR #438DD5
+!define EXTERNAL_CONTAINER_BG_COLOR #AAAAAA
 
 ' Styling
 ' ##################################
@@ -29,6 +30,20 @@ skinparam database<<container>> {
     BorderColor #3C7FC0
 }
 
+skinparam rectangle<<external_container>> {
+    StereotypeFontColor ELEMENT_FONT_COLOR
+    FontColor ELEMENT_FONT_COLOR
+    BackgroundColor EXTERNAL_CONTAINER_BG_COLOR
+    BorderColor #8A8A8A
+}
+
+skinparam database<<external_container>> {
+    StereotypeFontColor ELEMENT_FONT_COLOR
+    FontColor ELEMENT_FONT_COLOR
+    BackgroundColor EXTERNAL_CONTAINER_BG_COLOR
+    BorderColor #8A8A8A
+}
+
 ' Layout
 ' ##################################
 
@@ -41,6 +56,7 @@ legend right
 |<SYSTEM_BG_COLOR>   | system |
 |<EXTERNAL_SYSTEM_BG_COLOR>      | external system |
 |<CONTAINER_BG_COLOR>   | container |
+|<EXTERNAL_CONTAINER_BG_COLOR>   | external container |
 endlegend
 !enddefinelong
 
@@ -53,6 +69,13 @@ endlegend
 !define ContainerDb(e_alias, e_label, e_techn) database "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//" <<container>> as e_alias
 !define ContainerDb(e_alias, e_label, e_techn, e_descr) database "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//\n\n e_descr" <<container>> as e_alias
 
+!define Container_Ext(e_alias, e_label, e_techn) rectangle "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//" <<external_container>> as e_alias
+!define Container_Ext(e_alias, e_label, e_techn, e_descr) rectangle "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//\n\n e_descr" <<external_container>> as e_alias
+
+!define ContainerDb_Ext(e_alias, e_label, e_techn) database "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//" <<external_container>> as e_alias
+!define ContainerDb_Ext(e_alias, e_label, e_techn, e_descr) database "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//\n\n e_descr" <<external_container>> as e_alias
+
+
 ' Boundaries
 ' ##################################
 

From 9318432ca7ecb2c30be8376335abf86d0a91d3f7 Mon Sep 17 00:00:00 2001
From: Piotr Stawirej <piotr.stawirej@gmail.com>
Date: Thu, 7 May 2020 19:43:49 +0200
Subject: [PATCH 2/2] Add external components.

---
 C4_Component.puml | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/C4_Component.puml b/C4_Component.puml
index 40a8a24e..2ec57514 100644
--- a/C4_Component.puml
+++ b/C4_Component.puml
@@ -11,6 +11,7 @@
 ' ##################################
 
 !define COMPONENT_BG_COLOR #85BBF0
+!define EXTERNAL_COMPONENT_BG_COLOR #BBBBBB
 
 ' Styling
 ' ##################################
@@ -29,6 +30,20 @@ skinparam database<<component>> {
     BorderColor #78A8D8
 }
 
+skinparam rectangle<<external_component>> {
+    StereotypeFontColor ELEMENT_FONT_COLOR
+    FontColor #000000
+    BackgroundColor EXTERNAL_COMPONENT_BG_COLOR
+    BorderColor #8A8A8A
+}
+
+skinparam database<<external_component>> {
+    StereotypeFontColor ELEMENT_FONT_COLOR
+    FontColor #000000
+    BackgroundColor EXTERNAL_COMPONENT_BG_COLOR
+    BorderColor #8A8A8A
+}
+
 ' Layout
 ' ##################################
 
@@ -42,6 +57,8 @@ legend right
 |<EXTERNAL_SYSTEM_BG_COLOR>      | external system |
 |<CONTAINER_BG_COLOR>   | container |
 |<COMPONENT_BG_COLOR>   | component |
+|<EXTERNAL_CONTAINER_BG_COLOR>   | external container |
+|<EXTERNAL_COMPONENT_BG_COLOR>   | external component |
 endlegend
 !enddefinelong
 
@@ -53,3 +70,10 @@ endlegend
 
 !define ComponentDb(e_alias, e_label, e_techn) database "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//" <<component>> as e_alias
 !define ComponentDb(e_alias, e_label, e_techn, e_descr) database "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//\n\n e_descr" <<component>> as e_alias
+
+
+!define Component_Ext(e_alias, e_label, e_techn) rectangle "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//" <<external_component>> as e_alias
+!define Component_Ext(e_alias, e_label, e_techn, e_descr) rectangle "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//\n\n e_descr" <<external_component>> as e_alias
+
+!define ComponentDb_Ext(e_alias, e_label, e_techn) database "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//" <<external_component>> as e_alias
+!define ComponentDb_Ext(e_alias, e_label, e_techn, e_descr) database "==e_label\n//<size:TECHN_FONT_SIZE>[e_techn]</size>//\n\n e_descr" <<external_component>> as e_alias