feat: integrate the Nord Theme

tmorin · Dec 7, 2020 · ffdfa60 · ffdfa60
1 parent 7e9a6d5
commit ffdfa60
Show file tree

Hide file tree

Showing 91 changed files with 75 additions and 10 deletions.
diff --git a/dist/homecloud/Brand/Backup.card.png b/dist/homecloud/Brand/Backup.card.png
diff --git a/dist/homecloud/Brand/Backup.element.png b/dist/homecloud/Brand/Backup.element.png
diff --git a/dist/homecloud/Brand/Backup.group.png b/dist/homecloud/Brand/Backup.group.png
diff --git a/dist/homecloud/Brand/Calibreweb.card.png b/dist/homecloud/Brand/Calibreweb.card.png
diff --git a/dist/homecloud/Brand/Calibreweb.element.png b/dist/homecloud/Brand/Calibreweb.element.png
diff --git a/dist/homecloud/Brand/Calibreweb.group.png b/dist/homecloud/Brand/Calibreweb.group.png
diff --git a/dist/homecloud/Brand/Ceph.card.png b/dist/homecloud/Brand/Ceph.card.png
diff --git a/dist/homecloud/Brand/Ceph.element.png b/dist/homecloud/Brand/Ceph.element.png
diff --git a/dist/homecloud/Brand/Ceph.group.png b/dist/homecloud/Brand/Ceph.group.png
diff --git a/dist/homecloud/Brand/Dnas.card.png b/dist/homecloud/Brand/Dnas.card.png
diff --git a/dist/homecloud/Brand/Dnas.element.png b/dist/homecloud/Brand/Dnas.element.png
diff --git a/dist/homecloud/Brand/Dnas.group.png b/dist/homecloud/Brand/Dnas.group.png
diff --git a/dist/homecloud/Brand/Docker.card.png b/dist/homecloud/Brand/Docker.card.png
diff --git a/dist/homecloud/Brand/Docker.element.png b/dist/homecloud/Brand/Docker.element.png
diff --git a/dist/homecloud/Brand/Docker.group.png b/dist/homecloud/Brand/Docker.group.png
diff --git a/dist/homecloud/Brand/DockerSwarm.card.png b/dist/homecloud/Brand/DockerSwarm.card.png
diff --git a/dist/homecloud/Brand/DockerSwarm.element.png b/dist/homecloud/Brand/DockerSwarm.element.png
diff --git a/dist/homecloud/Brand/DockerSwarm.group.png b/dist/homecloud/Brand/DockerSwarm.group.png
diff --git a/dist/homecloud/Brand/Influxdata.card.png b/dist/homecloud/Brand/Influxdata.card.png
diff --git a/dist/homecloud/Brand/Influxdata.element.png b/dist/homecloud/Brand/Influxdata.element.png
diff --git a/dist/homecloud/Brand/Influxdata.group.png b/dist/homecloud/Brand/Influxdata.group.png
diff --git a/dist/homecloud/Brand/Keepalived.card.png b/dist/homecloud/Brand/Keepalived.card.png
diff --git a/dist/homecloud/Brand/Keepalived.element.png b/dist/homecloud/Brand/Keepalived.element.png
diff --git a/dist/homecloud/Brand/Keepalived.group.png b/dist/homecloud/Brand/Keepalived.group.png
diff --git a/dist/homecloud/Brand/Nextcloud.card.png b/dist/homecloud/Brand/Nextcloud.card.png
diff --git a/dist/homecloud/Brand/Nextcloud.element.png b/dist/homecloud/Brand/Nextcloud.element.png
diff --git a/dist/homecloud/Brand/Nextcloud.group.png b/dist/homecloud/Brand/Nextcloud.group.png
diff --git a/dist/homecloud/Brand/Portainer.card.png b/dist/homecloud/Brand/Portainer.card.png
diff --git a/dist/homecloud/Brand/Portainer.element.png b/dist/homecloud/Brand/Portainer.element.png
diff --git a/dist/homecloud/Brand/Portainer.group.png b/dist/homecloud/Brand/Portainer.group.png
diff --git a/dist/homecloud/Brand/Samba.card.png b/dist/homecloud/Brand/Samba.card.png
diff --git a/dist/homecloud/Brand/Samba.element.png b/dist/homecloud/Brand/Samba.element.png
diff --git a/dist/homecloud/Brand/Samba.group.png b/dist/homecloud/Brand/Samba.group.png
diff --git a/dist/homecloud/Brand/Syncthing.card.png b/dist/homecloud/Brand/Syncthing.card.png
diff --git a/dist/homecloud/Brand/Syncthing.element.png b/dist/homecloud/Brand/Syncthing.element.png
diff --git a/dist/homecloud/Brand/Syncthing.group.png b/dist/homecloud/Brand/Syncthing.group.png
diff --git a/dist/homecloud/Brand/Traefik.card.png b/dist/homecloud/Brand/Traefik.card.png
diff --git a/dist/homecloud/Brand/Traefik.element.png b/dist/homecloud/Brand/Traefik.element.png
diff --git a/dist/homecloud/Brand/Traefik.group.png b/dist/homecloud/Brand/Traefik.group.png
diff --git a/dist/homecloud/Container/Container.card.png b/dist/homecloud/Container/Container.card.png
diff --git a/dist/homecloud/Container/Container.element.png b/dist/homecloud/Container/Container.element.png
diff --git a/dist/homecloud/Container/Container.group.png b/dist/homecloud/Container/Container.group.png
diff --git a/dist/homecloud/Container/Registry.card.png b/dist/homecloud/Container/Registry.card.png
diff --git a/dist/homecloud/Container/Registry.element.png b/dist/homecloud/Container/Registry.element.png
diff --git a/dist/homecloud/Container/Registry.group.png b/dist/homecloud/Container/Registry.group.png
diff --git a/dist/homecloud/Container/Service.card.png b/dist/homecloud/Container/Service.card.png
diff --git a/dist/homecloud/Container/Service.element.png b/dist/homecloud/Container/Service.element.png
diff --git a/dist/homecloud/Container/Service.group.png b/dist/homecloud/Container/Service.group.png
diff --git a/dist/homecloud/Container/Stack.card.png b/dist/homecloud/Container/Stack.card.png
diff --git a/dist/homecloud/Container/Stack.element.png b/dist/homecloud/Container/Stack.element.png
diff --git a/dist/homecloud/Container/Stack.group.png b/dist/homecloud/Container/Stack.group.png
diff --git a/dist/homecloud/Container/Volume.card.png b/dist/homecloud/Container/Volume.card.png
diff --git a/dist/homecloud/Container/Volume.element.png b/dist/homecloud/Container/Volume.element.png
diff --git a/dist/homecloud/Container/Volume.group.png b/dist/homecloud/Container/Volume.group.png
diff --git a/dist/homecloud/Hardware/Board.card.png b/dist/homecloud/Hardware/Board.card.png
diff --git a/dist/homecloud/Hardware/Board.element.png b/dist/homecloud/Hardware/Board.element.png
diff --git a/dist/homecloud/Hardware/Board.group.png b/dist/homecloud/Hardware/Board.group.png
diff --git a/dist/homecloud/Hardware/Hdd.card.png b/dist/homecloud/Hardware/Hdd.card.png
diff --git a/dist/homecloud/Hardware/Hdd.element.png b/dist/homecloud/Hardware/Hdd.element.png
diff --git a/dist/homecloud/Hardware/Hdd.group.png b/dist/homecloud/Hardware/Hdd.group.png
diff --git a/dist/homecloud/Hardware/Laptop.card.png b/dist/homecloud/Hardware/Laptop.card.png
diff --git a/dist/homecloud/Hardware/Laptop.element.png b/dist/homecloud/Hardware/Laptop.element.png
diff --git a/dist/homecloud/Hardware/Laptop.group.png b/dist/homecloud/Hardware/Laptop.group.png
diff --git a/dist/homecloud/Hardware/SdCard.card.png b/dist/homecloud/Hardware/SdCard.card.png
diff --git a/dist/homecloud/Hardware/SdCard.element.png b/dist/homecloud/Hardware/SdCard.element.png
diff --git a/dist/homecloud/Hardware/SdCard.group.png b/dist/homecloud/Hardware/SdCard.group.png
diff --git a/dist/homecloud/Hardware/Smartphone.card.png b/dist/homecloud/Hardware/Smartphone.card.png
diff --git a/dist/homecloud/Hardware/Smartphone.element.png b/dist/homecloud/Hardware/Smartphone.element.png
diff --git a/dist/homecloud/Hardware/Smartphone.group.png b/dist/homecloud/Hardware/Smartphone.group.png
diff --git a/dist/homecloud/Hardware/Usb.card.png b/dist/homecloud/Hardware/Usb.card.png
diff --git a/dist/homecloud/Hardware/Usb.element.png b/dist/homecloud/Hardware/Usb.element.png
diff --git a/dist/homecloud/Hardware/Usb.group.png b/dist/homecloud/Hardware/Usb.group.png
diff --git a/dist/homecloud/Network/Dns.card.png b/dist/homecloud/Network/Dns.card.png
diff --git a/dist/homecloud/Network/Dns.element.png b/dist/homecloud/Network/Dns.element.png
diff --git a/dist/homecloud/Network/Dns.group.png b/dist/homecloud/Network/Dns.group.png
diff --git a/dist/homecloud/Network/Internet.card.png b/dist/homecloud/Network/Internet.card.png
diff --git a/dist/homecloud/Network/Internet.element.png b/dist/homecloud/Network/Internet.element.png
diff --git a/dist/homecloud/Network/Internet.group.png b/dist/homecloud/Network/Internet.group.png
diff --git a/dist/homecloud/Network/LocalNetwork.card.png b/dist/homecloud/Network/LocalNetwork.card.png
diff --git a/dist/homecloud/Network/LocalNetwork.element.png b/dist/homecloud/Network/LocalNetwork.element.png
diff --git a/dist/homecloud/Network/LocalNetwork.group.png b/dist/homecloud/Network/LocalNetwork.group.png
diff --git a/dist/homecloud/Network/Router.card.png b/dist/homecloud/Network/Router.card.png
diff --git a/dist/homecloud/Network/Router.element.png b/dist/homecloud/Network/Router.element.png
diff --git a/dist/homecloud/Network/Router.group.png b/dist/homecloud/Network/Router.group.png
diff --git a/dist/homecloud/README.md b/dist/homecloud/README.md
@@ -9,6 +9,7 @@ It implements elements based on :
 - [Material Design Icons](https://github.com/google/material-design-icons)
 - [Font Awesome](https://fontawesome.com)
 
+Provide the color schemes of [](https://www.nordtheme.com)
 
 
 

diff --git a/dist/homecloud/examples/simple.png b/dist/homecloud/examples/simple.png
diff --git a/dist/homecloud/examples/simple.puml b/dist/homecloud/examples/simple.puml
@@ -9,7 +9,7 @@
 ' loads the homecloud bootstrap
 include('homecloud/bootstrap')
 
-Title("Overview of the homecloud infrastructure")
+Title("Overview of infrastructure", "The homecloud project", "1.0.0")
 
 include('homecloud/Network/Internet')
 include('homecloud/Network/Router')
@@ -19,8 +19,6 @@ include('homecloud/Brand/Syncthing')
 include('homecloud/Network/LocalNetwork')
 include('homecloud/Hardware/Hdd')
 
-'left to right direction
-
 Internet('internet', 'Internet')
 LocalNetworkGroup('home', 'Home Network') {
   Router('router', 'Router', 'Gateway')

diff --git a/dist/homecloud/style.puml b/dist/homecloud/style.puml
@@ -6,22 +6,55 @@ skinparam defaultTextAlignment center
 skinparam wrapWidth 200
 skinparam maxMessageSize 150
 
+' Polar Night
+!global $HOMECLOUD_NORD_0="#2e3440"
+!global $HOMECLOUD_NORD_1="#3b4252"
+!global $HOMECLOUD_NORD_2="#434c5e"
+!global $HOMECLOUD_NORD_3="#4c566a"
+' Snow Storm
+!global $HOMECLOUD_NORD_4="#d8dee9"
+!global $HOMECLOUD_NORD_5="#e5e9f0"
+!global $HOMECLOUD_NORD_6="#eceff4"
+' Frost
+!global $HOMECLOUD_NORD_7="#8fbcbb"
+!global $HOMECLOUD_NORD_8="#88c0d0"
+!global $HOMECLOUD_NORD_9="#81a1c1"
+!global $HOMECLOUD_NORD_10="#5e81ac"
+' Aurora
+!global $HOMECLOUD_NORD_10="#bf616a"
+!global $HOMECLOUD_NORD_11="#d08770"
+!global $HOMECLOUD_NORD_12="#ebcb8b"
+!global $HOMECLOUD_NORD_13="#a3be8c"
+!global $HOMECLOUD_NORD_14="#b48ead"
+
+!global $FONT_COLOR=$HOMECLOUD_NORD_2
+!global $FONT_COLOR_LIGHT=$HOMECLOUD_NORD_3
+
 skinparam Arrow {
     FontColor $FONT_COLOR
     Color $FONT_COLOR_LIGHT
     Thickness 1
 }
 
+skinparam Note {
+    BorderThickness 1
+    BorderColor $FONT_COLOR
+    BackgroundColor transparent
+    FontColor $FONT_COLOR
+    shadowing true
+}
+
 skinparam Card<<IconElement>> {
     BorderThickness 0
     BorderColor none
     BackgroundColor none
+    FontColor $FONT_COLOR
     shadowing false
 }
 
 skinparam Rectangle<<IconCard>> {
     BorderThickness 1
-    BorderColor $FONT_COLOR_LIGHT
+    BorderColor $FONT_COLOR
     BackgroundColor #FFFFFF
     FontColor $FONT_COLOR_LIGHT
     shadowing true
@@ -30,7 +63,7 @@ skinparam Rectangle<<IconCard>> {
 skinparam Rectangle<<IconGroup>> {
   StereotypeFontColor $FONT_COLOR_LIGHT
   BorderThickness 1
-  BorderColor $FONT_COLOR_LIGHT
+  BorderColor $FONT_COLOR
   BorderStyle solid
   FontStyle none
   FontColor $FONT_COLOR

diff --git a/lib/homecloud/template/presentation.md b/lib/homecloud/template/presentation.md
@@ -4,3 +4,5 @@ It implements elements based on :
 
 - [Material Design Icons](https://github.com/google/material-design-icons)
 - [Font Awesome](https://fontawesome.com)
+
+Provide the colors and palettes of [Nord Theme](https://www.nordtheme.com).
diff --git a/lib/homecloud/template/simple.puml b/lib/homecloud/template/simple.puml
@@ -9,7 +9,7 @@
 ' loads the {{= it.config.pkgName }} bootstrap
 include('{{= it.config.pkgName }}/bootstrap')
 
-Title("Overview of the homecloud infrastructure")
+Title("Overview of infrastructure", "The homecloud project", "1.0.0")
 
 include('homecloud/Network/Internet')
 include('homecloud/Network/Router')
@@ -19,8 +19,6 @@ include('homecloud/Brand/Syncthing')
 include('homecloud/Network/LocalNetwork')
 include('homecloud/Hardware/Hdd')
 
-'left to right direction
-
 Internet('internet', 'Internet')
 LocalNetworkGroup('home', 'Home Network') {
   Router('router', 'Router', 'Gateway')

diff --git a/lib/homecloud/template/style.puml b/lib/homecloud/template/style.puml
@@ -6,22 +6,55 @@ skinparam defaultTextAlignment center
 skinparam wrapWidth 200
 skinparam maxMessageSize 150
 
+' Polar Night
+!global $HOMECLOUD_NORD_0="#2e3440"
+!global $HOMECLOUD_NORD_1="#3b4252"
+!global $HOMECLOUD_NORD_2="#434c5e"
+!global $HOMECLOUD_NORD_3="#4c566a"
+' Snow Storm
+!global $HOMECLOUD_NORD_4="#d8dee9"
+!global $HOMECLOUD_NORD_5="#e5e9f0"
+!global $HOMECLOUD_NORD_6="#eceff4"
+' Frost
+!global $HOMECLOUD_NORD_7="#8fbcbb"
+!global $HOMECLOUD_NORD_8="#88c0d0"
+!global $HOMECLOUD_NORD_9="#81a1c1"
+!global $HOMECLOUD_NORD_10="#5e81ac"
+' Aurora
+!global $HOMECLOUD_NORD_10="#bf616a"
+!global $HOMECLOUD_NORD_11="#d08770"
+!global $HOMECLOUD_NORD_12="#ebcb8b"
+!global $HOMECLOUD_NORD_13="#a3be8c"
+!global $HOMECLOUD_NORD_14="#b48ead"
+
+!global $FONT_COLOR=$HOMECLOUD_NORD_2
+!global $FONT_COLOR_LIGHT=$HOMECLOUD_NORD_3
+
 skinparam Arrow {
     FontColor $FONT_COLOR
     Color $FONT_COLOR_LIGHT
     Thickness 1
 }
 
+skinparam Note {
+    BorderThickness 1
+    BorderColor $FONT_COLOR
+    BackgroundColor transparent
+    FontColor $FONT_COLOR
+    shadowing true
+}
+
 skinparam Card<<IconElement>> {
     BorderThickness 0
     BorderColor none
     BackgroundColor none
+    FontColor $FONT_COLOR
     shadowing false
 }
 
 skinparam Rectangle<<IconCard>> {
     BorderThickness 1
-    BorderColor $FONT_COLOR_LIGHT
+    BorderColor $FONT_COLOR
     BackgroundColor #FFFFFF
     FontColor $FONT_COLOR_LIGHT
     shadowing true
@@ -30,7 +63,7 @@ skinparam Rectangle<<IconCard>> {
 skinparam Rectangle<<IconGroup>> {
   StereotypeFontColor $FONT_COLOR_LIGHT
   BorderThickness 1
-  BorderColor $FONT_COLOR_LIGHT
+  BorderColor $FONT_COLOR
   BorderStyle solid
   FontStyle none
   FontColor $FONT_COLOR
Original file line number	Diff line number	Diff line change
Expand Up		@@ -9,6 +9,7 @@ It implements elements based on :
		- [Material Design Icons](https://github.com/google/material-design-icons)
		- [Font Awesome](https://fontawesome.com)

		Provide the color schemes of [](https://www.nordtheme.com)



Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,3 +4,5 @@ It implements elements based on :

		- [Material Design Icons](https://github.com/google/material-design-icons)
		- [Font Awesome](https://fontawesome.com)

		Provide the colors and palettes of [Nord Theme](https://www.nordtheme.com).