From: Dietmar Maurer <dietmar@proxmox.com>
Date: Wed, 5 Sep 2018 06:41:03 +0000 (+0200)
Subject: used proxmox CI colors for network graphics
X-Git-Url: https://git.proxmox.com/?p=pve-docs.git;a=commitdiff_plain;h=22a5acc8587e3c699c3842c46af90a4d4a15a202

used proxmox CI colors for network graphics
---

diff --git a/images/default-network-setup-bond.svg b/images/default-network-setup-bond.svg
index cb78042..0d87604 100644
--- a/images/default-network-setup-bond.svg
+++ b/images/default-network-setup-bond.svg
@@ -10,131 +10,131 @@
 <title>default_network_setup_bond</title>
 <polygon fill="white" stroke="none" points="-4,4 -4,-373 594.4,-373 594.4,4 -4,4"/>
 <g id="clust1" class="cluster"><title>cluster_node1</title>
-<polygon fill="none" stroke="black" points="27.5818,-8 27.5818,-299 269.109,-299 269.109,-8 27.5818,-8"/>
-<text text-anchor="middle" x="82.5818" y="-15.8" font-family="Times,serif" font-size="14.00">Node: proxmox1</text>
+<path fill="#00617f" stroke="#00617f" d="M42.3139,-8C42.3139,-8 252.164,-8 252.164,-8 258.164,-8 264.164,-14 264.164,-20 264.164,-20 264.164,-287 264.164,-287 264.164,-293 258.164,-299 252.164,-299 252.164,-299 42.3139,-299 42.3139,-299 36.3139,-299 30.3139,-293 30.3139,-287 30.3139,-287 30.3139,-20 30.3139,-20 30.3139,-14 36.3139,-8 42.3139,-8"/>
+<text text-anchor="middle" x="147.239" y="-15.8" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">Node: proxmox1</text>
 </g>
 <g id="clust2" class="cluster"><title>cluster_node2</title>
-<polygon fill="none" stroke="black" points="321.291,-8 321.291,-299 562.818,-299 562.818,-8 321.291,-8"/>
-<text text-anchor="middle" x="376.291" y="-15.8" font-family="Times,serif" font-size="14.00">Node: proxmox2</text>
+<path fill="#00617f" stroke="#00617f" d="M331.018,-8C331.018,-8 540.868,-8 540.868,-8 546.868,-8 552.868,-14 552.868,-20 552.868,-20 552.868,-287 552.868,-287 552.868,-293 546.868,-299 540.868,-299 540.868,-299 331.018,-299 331.018,-299 325.018,-299 319.018,-293 319.018,-287 319.018,-287 319.018,-20 319.018,-20 319.018,-14 325.018,-8 331.018,-8"/>
+<text text-anchor="middle" x="435.943" y="-15.8" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">Node: proxmox2</text>
 </g>
 <!-- tor01 -->
 <g id="node1" class="node"><title>tor01</title>
-<path fill="lightgreen" stroke="none" d="M58.2182,-343C58.2182,-343 195.218,-343 195.218,-343 198.718,-343 202.218,-346.5 202.218,-350 202.218,-350 202.218,-357 202.218,-357 202.218,-360.5 198.718,-364 195.218,-364 195.218,-364 58.2182,-364 58.2182,-364 54.7182,-364 51.2182,-360.5 51.2182,-357 51.2182,-357 51.2182,-350 51.2182,-350 51.2182,-346.5 54.7182,-343 58.2182,-343"/>
-<text text-anchor="start" x="66.2182" y="-349.8" font-family="Times,serif" font-size="14.00">Top of Rack Switch 1</text>
-<path fill="none" stroke="green" stroke-width="2" d="M58.2182,-343C58.2182,-343 195.218,-343 195.218,-343 198.718,-343 202.218,-346.5 202.218,-350 202.218,-350 202.218,-357 202.218,-357 202.218,-360.5 198.718,-364 195.218,-364 195.218,-364 58.2182,-364 58.2182,-364 54.7182,-364 51.2182,-360.5 51.2182,-357 51.2182,-357 51.2182,-350 51.2182,-350 51.2182,-346.5 54.7182,-343 58.2182,-343"/>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="90.7182,-332 90.7182,-342 100.718,-342 100.718,-332 90.7182,-332"/>
-<text text-anchor="start" x="92.7182" y="-335.1" font-family="monospace" font-size="8.00" fill="white">1</text>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="135.718,-332 135.718,-342 145.718,-342 145.718,-332 135.718,-332"/>
-<text text-anchor="start" x="137.718" y="-335.1" font-family="monospace" font-size="8.00" fill="white">2</text>
+<path fill="#abbaba" stroke="none" d="M54.5663,-343C54.5663,-343 198.566,-343 198.566,-343 202.066,-343 205.566,-346.5 205.566,-350 205.566,-350 205.566,-357 205.566,-357 205.566,-360.5 202.066,-364 198.566,-364 198.566,-364 54.5663,-364 54.5663,-364 51.0663,-364 47.5663,-360.5 47.5663,-357 47.5663,-357 47.5663,-350 47.5663,-350 47.5663,-346.5 51.0663,-343 54.5663,-343"/>
+<text text-anchor="start" x="62.5663" y="-349.8" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">Top of Rack Switch 1</text>
+<path fill="none" stroke="#666666" stroke-width="2" d="M54.5663,-343C54.5663,-343 198.566,-343 198.566,-343 202.066,-343 205.566,-346.5 205.566,-350 205.566,-350 205.566,-357 205.566,-357 205.566,-360.5 202.066,-364 198.566,-364 198.566,-364 54.5663,-364 54.5663,-364 51.0663,-364 47.5663,-360.5 47.5663,-357 47.5663,-357 47.5663,-350 47.5663,-350 47.5663,-346.5 51.0663,-343 54.5663,-343"/>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="88.5663,-332 88.5663,-342 98.5663,-342 98.5663,-332 88.5663,-332"/>
+<text text-anchor="start" x="91.0663" y="-335.1" font-family="Courier,monospace" font-size="8.00" fill="white">1</text>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="135.566,-332 135.566,-342 145.566,-342 145.566,-332 135.566,-332"/>
+<text text-anchor="start" x="138.066" y="-335.1" font-family="Courier,monospace" font-size="8.00" fill="white">2</text>
 </g>
 <!-- tor02 -->
 <g id="node2" class="node"><title>tor02</title>
-<path fill="lightgreen" stroke="none" d="M396.218,-343C396.218,-343 533.218,-343 533.218,-343 536.718,-343 540.218,-346.5 540.218,-350 540.218,-350 540.218,-357 540.218,-357 540.218,-360.5 536.718,-364 533.218,-364 533.218,-364 396.218,-364 396.218,-364 392.718,-364 389.218,-360.5 389.218,-357 389.218,-357 389.218,-350 389.218,-350 389.218,-346.5 392.718,-343 396.218,-343"/>
-<text text-anchor="start" x="404.218" y="-349.8" font-family="Times,serif" font-size="14.00">Top of Rack Switch 2</text>
-<path fill="none" stroke="green" stroke-width="2" d="M396.218,-343C396.218,-343 533.218,-343 533.218,-343 536.718,-343 540.218,-346.5 540.218,-350 540.218,-350 540.218,-357 540.218,-357 540.218,-360.5 536.718,-364 533.218,-364 533.218,-364 396.218,-364 396.218,-364 392.718,-364 389.218,-360.5 389.218,-357 389.218,-357 389.218,-350 389.218,-350 389.218,-346.5 392.718,-343 396.218,-343"/>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="428.718,-332 428.718,-342 438.718,-342 438.718,-332 428.718,-332"/>
-<text text-anchor="start" x="430.718" y="-335.1" font-family="monospace" font-size="8.00" fill="white">1</text>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="473.718,-332 473.718,-342 483.718,-342 483.718,-332 473.718,-332"/>
-<text text-anchor="start" x="475.718" y="-335.1" font-family="monospace" font-size="8.00" fill="white">2</text>
+<path fill="#abbaba" stroke="none" d="M391.566,-343C391.566,-343 535.566,-343 535.566,-343 539.066,-343 542.566,-346.5 542.566,-350 542.566,-350 542.566,-357 542.566,-357 542.566,-360.5 539.066,-364 535.566,-364 535.566,-364 391.566,-364 391.566,-364 388.066,-364 384.566,-360.5 384.566,-357 384.566,-357 384.566,-350 384.566,-350 384.566,-346.5 388.066,-343 391.566,-343"/>
+<text text-anchor="start" x="399.566" y="-349.8" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">Top of Rack Switch 2</text>
+<path fill="none" stroke="#666666" stroke-width="2" d="M391.566,-343C391.566,-343 535.566,-343 535.566,-343 539.066,-343 542.566,-346.5 542.566,-350 542.566,-350 542.566,-357 542.566,-357 542.566,-360.5 539.066,-364 535.566,-364 535.566,-364 391.566,-364 391.566,-364 388.066,-364 384.566,-360.5 384.566,-357 384.566,-357 384.566,-350 384.566,-350 384.566,-346.5 388.066,-343 391.566,-343"/>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="425.566,-332 425.566,-342 435.566,-342 435.566,-332 425.566,-332"/>
+<text text-anchor="start" x="428.066" y="-335.1" font-family="Courier,monospace" font-size="8.00" fill="white">1</text>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="472.566,-332 472.566,-342 482.566,-342 482.566,-332 472.566,-332"/>
+<text text-anchor="start" x="475.066" y="-335.1" font-family="Courier,monospace" font-size="8.00" fill="white">2</text>
 </g>
 <!-- tor01&#45;&#45;tor02 -->
 <g id="edge1" class="edge"><title>tor01&#45;&#45;tor02</title>
-<path fill="none" stroke="black" stroke-width="2" d="M211.074,-349C262.601,-349 328.14,-349 379.621,-349"/>
-<text text-anchor="middle" x="295.218" y="-355.8" font-family="Times,serif" font-size="14.00">MLAG</text>
+<path fill="none" stroke="#ff9100" stroke-width="2" d="M214.669,-349C264.204,-349 325.847,-349 375.393,-349"/>
+<text text-anchor="middle" x="295.066" y="-355.8" font-family="Helvetica,sans-Serif" font-size="14.00">MLAG</text>
 </g>
 <!-- node1_bond0 -->
 <g id="node3" class="node"><title>node1_bond0</title>
-<polygon fill="#666666" stroke="none" points="109.218,-277 109.218,-287 134.218,-287 134.218,-277 109.218,-277"/>
-<text text-anchor="start" x="110.718" y="-280.1" font-family="monospace" font-size="8.00" fill="white">eno1</text>
-<polygon fill="#666666" stroke="none" points="135.218,-277 135.218,-287 160.218,-287 160.218,-277 135.218,-277"/>
-<text text-anchor="start" x="136.718" y="-280.1" font-family="monospace" font-size="8.00" fill="white">eno2</text>
-<path fill="lightgreen" stroke="none" d="M107.218,-240C107.218,-240 163.218,-240 163.218,-240 169.218,-240 175.218,-246 175.218,-252 175.218,-252 175.218,-264 175.218,-264 175.218,-270 169.218,-276 163.218,-276 163.218,-276 107.218,-276 107.218,-276 101.218,-276 95.2182,-270 95.2182,-264 95.2182,-264 95.2182,-252 95.2182,-252 95.2182,-246 101.218,-240 107.218,-240"/>
-<text text-anchor="start" x="118.718" y="-261.8" font-family="Times,serif" font-size="14.00">bond0</text>
-<text text-anchor="start" x="120.218" y="-246.4" font-family="monospace" font-size="12.00">LACP</text>
-<path fill="none" stroke="green" stroke-width="2" d="M107.218,-240C107.218,-240 163.218,-240 163.218,-240 169.218,-240 175.218,-246 175.218,-252 175.218,-252 175.218,-264 175.218,-264 175.218,-270 169.218,-276 163.218,-276 163.218,-276 107.218,-276 107.218,-276 101.218,-276 95.2182,-270 95.2182,-264 95.2182,-264 95.2182,-252 95.2182,-252 95.2182,-246 101.218,-240 107.218,-240"/>
+<polygon fill="#666666" stroke="none" points="108.566,-277 108.566,-287 133.566,-287 133.566,-277 108.566,-277"/>
+<text text-anchor="start" x="111.566" y="-280.1" font-family="Courier,monospace" font-size="8.00" fill="white">eno1</text>
+<polygon fill="#666666" stroke="none" points="134.566,-277 134.566,-287 159.566,-287 159.566,-277 134.566,-277"/>
+<text text-anchor="start" x="137.566" y="-280.1" font-family="Courier,monospace" font-size="8.00" fill="white">eno2</text>
+<path fill="#abbaba" stroke="none" d="M106.566,-240C106.566,-240 162.566,-240 162.566,-240 168.566,-240 174.566,-246 174.566,-252 174.566,-252 174.566,-264 174.566,-264 174.566,-270 168.566,-276 162.566,-276 162.566,-276 106.566,-276 106.566,-276 100.566,-276 94.5663,-270 94.5663,-264 94.5663,-264 94.5663,-252 94.5663,-252 94.5663,-246 100.566,-240 106.566,-240"/>
+<text text-anchor="start" x="115.566" y="-261.8" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">bond0</text>
+<text text-anchor="start" x="119.066" y="-246.4" font-family="Courier,monospace" font-size="12.00" fill="white">LACP</text>
+<path fill="none" stroke="#666666" stroke-width="2" d="M106.566,-240C106.566,-240 162.566,-240 162.566,-240 168.566,-240 174.566,-246 174.566,-252 174.566,-252 174.566,-264 174.566,-264 174.566,-270 168.566,-276 162.566,-276 162.566,-276 106.566,-276 106.566,-276 100.566,-276 94.5663,-270 94.5663,-264 94.5663,-264 94.5663,-252 94.5663,-252 94.5663,-246 100.566,-240 106.566,-240"/>
 </g>
 <!-- tor01&#45;&#45;node1_bond0 -->
 <g id="edge2" class="edge"><title>tor01:1&#45;&#45;node1_bond0:eno1</title>
-<path fill="none" stroke="black" d="M95.2182,-331C95.2182,-331 121.218,-288 121.218,-288"/>
+<path fill="none" stroke="#ff9100" d="M93.5663,-331C93.5663,-331 120.566,-288 120.566,-288"/>
 </g>
 <!-- node2_bond0 -->
 <g id="node4" class="node"><title>node2_bond0</title>
-<polygon fill="#666666" stroke="none" points="402.218,-277 402.218,-287 427.218,-287 427.218,-277 402.218,-277"/>
-<text text-anchor="start" x="403.718" y="-280.1" font-family="monospace" font-size="8.00" fill="white">eno1</text>
-<polygon fill="#666666" stroke="none" points="428.218,-277 428.218,-287 453.218,-287 453.218,-277 428.218,-277"/>
-<text text-anchor="start" x="429.718" y="-280.1" font-family="monospace" font-size="8.00" fill="white">eno2</text>
-<path fill="lightgreen" stroke="none" d="M400.218,-240C400.218,-240 456.218,-240 456.218,-240 462.218,-240 468.218,-246 468.218,-252 468.218,-252 468.218,-264 468.218,-264 468.218,-270 462.218,-276 456.218,-276 456.218,-276 400.218,-276 400.218,-276 394.218,-276 388.218,-270 388.218,-264 388.218,-264 388.218,-252 388.218,-252 388.218,-246 394.218,-240 400.218,-240"/>
-<text text-anchor="start" x="411.718" y="-261.8" font-family="Times,serif" font-size="14.00">bond0</text>
-<text text-anchor="start" x="413.218" y="-246.4" font-family="monospace" font-size="12.00">LACP</text>
-<path fill="none" stroke="green" stroke-width="2" d="M400.218,-240C400.218,-240 456.218,-240 456.218,-240 462.218,-240 468.218,-246 468.218,-252 468.218,-252 468.218,-264 468.218,-264 468.218,-270 462.218,-276 456.218,-276 456.218,-276 400.218,-276 400.218,-276 394.218,-276 388.218,-270 388.218,-264 388.218,-264 388.218,-252 388.218,-252 388.218,-246 394.218,-240 400.218,-240"/>
+<polygon fill="#666666" stroke="none" points="396.566,-277 396.566,-287 421.566,-287 421.566,-277 396.566,-277"/>
+<text text-anchor="start" x="399.566" y="-280.1" font-family="Courier,monospace" font-size="8.00" fill="white">eno1</text>
+<polygon fill="#666666" stroke="none" points="422.566,-277 422.566,-287 447.566,-287 447.566,-277 422.566,-277"/>
+<text text-anchor="start" x="425.566" y="-280.1" font-family="Courier,monospace" font-size="8.00" fill="white">eno2</text>
+<path fill="#abbaba" stroke="none" d="M394.566,-240C394.566,-240 450.566,-240 450.566,-240 456.566,-240 462.566,-246 462.566,-252 462.566,-252 462.566,-264 462.566,-264 462.566,-270 456.566,-276 450.566,-276 450.566,-276 394.566,-276 394.566,-276 388.566,-276 382.566,-270 382.566,-264 382.566,-264 382.566,-252 382.566,-252 382.566,-246 388.566,-240 394.566,-240"/>
+<text text-anchor="start" x="403.566" y="-261.8" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">bond0</text>
+<text text-anchor="start" x="407.066" y="-246.4" font-family="Courier,monospace" font-size="12.00" fill="white">LACP</text>
+<path fill="none" stroke="#666666" stroke-width="2" d="M394.566,-240C394.566,-240 450.566,-240 450.566,-240 456.566,-240 462.566,-246 462.566,-252 462.566,-252 462.566,-264 462.566,-264 462.566,-270 456.566,-276 450.566,-276 450.566,-276 394.566,-276 394.566,-276 388.566,-276 382.566,-270 382.566,-264 382.566,-264 382.566,-252 382.566,-252 382.566,-246 388.566,-240 394.566,-240"/>
 </g>
 <!-- tor01&#45;&#45;node2_bond0 -->
 <g id="edge4" class="edge"><title>tor01:2&#45;&#45;node2_bond0:eno1</title>
-<path fill="none" stroke="black" d="M141.218,-331C141.218,-331 414.218,-288 414.218,-288"/>
+<path fill="none" stroke="#ff9100" d="M140.566,-331C140.566,-331 408.566,-288 408.566,-288"/>
 </g>
 <!-- tor02&#45;&#45;node1_bond0 -->
 <g id="edge3" class="edge"><title>tor02:1&#45;&#45;node1_bond0:eno2</title>
-<path fill="none" stroke="black" d="M433.218,-331C433.218,-331 148.218,-288 148.218,-288"/>
+<path fill="none" stroke="#ff9100" d="M430.566,-331C430.566,-331 147.566,-288 147.566,-288"/>
 </g>
 <!-- tor02&#45;&#45;node2_bond0 -->
 <g id="edge5" class="edge"><title>tor02:2&#45;&#45;node2_bond0:eno2</title>
-<path fill="none" stroke="black" d="M479.218,-331C479.218,-331 441.218,-288 441.218,-288"/>
+<path fill="none" stroke="#ff9100" d="M477.566,-331C477.566,-331 435.566,-288 435.566,-288"/>
 </g>
 <!-- node1_vmbr0 -->
 <g id="node5" class="node"><title>node1_vmbr0</title>
-<polygon fill="#666666" stroke="none" points="124.718,-184 124.718,-194 154.718,-194 154.718,-184 124.718,-184"/>
-<text text-anchor="start" x="126.218" y="-187.1" font-family="monospace" font-size="8.00" fill="white">bond0</text>
-<path fill="lightgreen" stroke="none" d="M96.2182,-147C96.2182,-147 200.218,-147 200.218,-147 206.218,-147 212.218,-153 212.218,-159 212.218,-159 212.218,-171 212.218,-171 212.218,-177 206.218,-183 200.218,-183 200.218,-183 96.2182,-183 96.2182,-183 90.2182,-183 84.2182,-177 84.2182,-171 84.2182,-171 84.2182,-159 84.2182,-159 84.2182,-153 90.2182,-147 96.2182,-147"/>
-<text text-anchor="start" x="129.718" y="-168.8" font-family="Times,serif" font-size="14.00">vmbr0</text>
-<text text-anchor="start" x="99.2182" y="-153.4" font-family="monospace" font-size="12.00">10.10.10.2/24</text>
-<path fill="none" stroke="green" stroke-width="2" d="M96.2182,-147C96.2182,-147 200.218,-147 200.218,-147 206.218,-147 212.218,-153 212.218,-159 212.218,-159 212.218,-171 212.218,-171 212.218,-177 206.218,-183 200.218,-183 200.218,-183 96.2182,-183 96.2182,-183 90.2182,-183 84.2182,-177 84.2182,-171 84.2182,-171 84.2182,-159 84.2182,-159 84.2182,-153 90.2182,-147 96.2182,-147"/>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="119.218,-136 119.218,-146 164.218,-146 164.218,-136 119.218,-136"/>
-<text text-anchor="start" x="120.218" y="-139.1" font-family="monospace" font-size="8.00" fill="white">tap100i0</text>
+<polygon fill="#666666" stroke="none" points="124.066,-184 124.066,-194 154.066,-194 154.066,-184 124.066,-184"/>
+<text text-anchor="start" x="127.566" y="-187.1" font-family="Courier,monospace" font-size="8.00" fill="white">bond0</text>
+<path fill="#abbaba" stroke="none" d="M95.5663,-147C95.5663,-147 199.566,-147 199.566,-147 205.566,-147 211.566,-153 211.566,-159 211.566,-159 211.566,-171 211.566,-171 211.566,-177 205.566,-183 199.566,-183 199.566,-183 95.5663,-183 95.5663,-183 89.5663,-183 83.5663,-177 83.5663,-171 83.5663,-171 83.5663,-159 83.5663,-159 83.5663,-153 89.5663,-147 95.5663,-147"/>
+<text text-anchor="start" x="128.066" y="-168.8" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">vmbr0</text>
+<text text-anchor="start" x="98.5663" y="-153.4" font-family="Courier,monospace" font-size="12.00" fill="white">10.10.10.2/24</text>
+<path fill="none" stroke="#666666" stroke-width="2" d="M95.5663,-147C95.5663,-147 199.566,-147 199.566,-147 205.566,-147 211.566,-153 211.566,-159 211.566,-159 211.566,-171 211.566,-171 211.566,-177 205.566,-183 199.566,-183 199.566,-183 95.5663,-183 95.5663,-183 89.5663,-183 83.5663,-177 83.5663,-171 83.5663,-171 83.5663,-159 83.5663,-159 83.5663,-153 89.5663,-147 95.5663,-147"/>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="118.566,-136 118.566,-146 163.566,-146 163.566,-136 118.566,-136"/>
+<text text-anchor="start" x="122.566" y="-139.1" font-family="Courier,monospace" font-size="8.00" fill="white">tap100i0</text>
 </g>
 <!-- node1_bond0&#45;&#45;node1_vmbr0 -->
 <g id="edge6" class="edge"><title>node1_bond0&#45;&#45;node1_vmbr0:bond0</title>
-<path fill="none" stroke="black" d="M136.845,-234.749C137.953,-216.199 139.218,-195 139.218,-195"/>
+<path fill="none" stroke="white" d="M136.193,-234.749C137.301,-216.199 138.566,-195 138.566,-195"/>
 </g>
 <!-- node2_vmbr0 -->
 <g id="node7" class="node"><title>node2_vmbr0</title>
-<polygon fill="#666666" stroke="none" points="418.718,-184 418.718,-194 448.718,-194 448.718,-184 418.718,-184"/>
-<text text-anchor="start" x="420.218" y="-187.1" font-family="monospace" font-size="8.00" fill="white">bond0</text>
-<path fill="lightgreen" stroke="none" d="M390.218,-147C390.218,-147 494.218,-147 494.218,-147 500.218,-147 506.218,-153 506.218,-159 506.218,-159 506.218,-171 506.218,-171 506.218,-177 500.218,-183 494.218,-183 494.218,-183 390.218,-183 390.218,-183 384.218,-183 378.218,-177 378.218,-171 378.218,-171 378.218,-159 378.218,-159 378.218,-153 384.218,-147 390.218,-147"/>
-<text text-anchor="start" x="423.718" y="-168.8" font-family="Times,serif" font-size="14.00">vmbr0</text>
-<text text-anchor="start" x="393.218" y="-153.4" font-family="monospace" font-size="12.00">10.10.10.3/24</text>
-<path fill="none" stroke="green" stroke-width="2" d="M390.218,-147C390.218,-147 494.218,-147 494.218,-147 500.218,-147 506.218,-153 506.218,-159 506.218,-159 506.218,-171 506.218,-171 506.218,-177 500.218,-183 494.218,-183 494.218,-183 390.218,-183 390.218,-183 384.218,-183 378.218,-177 378.218,-171 378.218,-171 378.218,-159 378.218,-159 378.218,-153 384.218,-147 390.218,-147"/>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="413.218,-136 413.218,-146 458.218,-146 458.218,-136 413.218,-136"/>
-<text text-anchor="start" x="414.218" y="-139.1" font-family="monospace" font-size="8.00" fill="white">tap100i0</text>
+<polygon fill="#666666" stroke="none" points="412.066,-184 412.066,-194 442.066,-194 442.066,-184 412.066,-184"/>
+<text text-anchor="start" x="415.566" y="-187.1" font-family="Courier,monospace" font-size="8.00" fill="white">bond0</text>
+<path fill="#abbaba" stroke="none" d="M383.566,-147C383.566,-147 487.566,-147 487.566,-147 493.566,-147 499.566,-153 499.566,-159 499.566,-159 499.566,-171 499.566,-171 499.566,-177 493.566,-183 487.566,-183 487.566,-183 383.566,-183 383.566,-183 377.566,-183 371.566,-177 371.566,-171 371.566,-171 371.566,-159 371.566,-159 371.566,-153 377.566,-147 383.566,-147"/>
+<text text-anchor="start" x="416.066" y="-168.8" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">vmbr0</text>
+<text text-anchor="start" x="386.566" y="-153.4" font-family="Courier,monospace" font-size="12.00" fill="white">10.10.10.3/24</text>
+<path fill="none" stroke="#666666" stroke-width="2" d="M383.566,-147C383.566,-147 487.566,-147 487.566,-147 493.566,-147 499.566,-153 499.566,-159 499.566,-159 499.566,-171 499.566,-171 499.566,-177 493.566,-183 487.566,-183 487.566,-183 383.566,-183 383.566,-183 377.566,-183 371.566,-177 371.566,-171 371.566,-171 371.566,-159 371.566,-159 371.566,-153 377.566,-147 383.566,-147"/>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="406.566,-136 406.566,-146 451.566,-146 451.566,-136 406.566,-136"/>
+<text text-anchor="start" x="410.566" y="-139.1" font-family="Courier,monospace" font-size="8.00" fill="white">tap100i0</text>
 </g>
 <!-- node2_bond0&#45;&#45;node2_vmbr0 -->
 <g id="edge8" class="edge"><title>node2_bond0&#45;&#45;node2_vmbr0:bond0</title>
-<path fill="none" stroke="black" d="M430.252,-234.749C431.636,-216.199 433.218,-195 433.218,-195"/>
+<path fill="none" stroke="white" d="M424.193,-234.749C425.301,-216.199 426.566,-195 426.566,-195"/>
 </g>
 <!-- vm100 -->
 <g id="node6" class="node"><title>vm100</title>
-<polygon fill="#666666" stroke="none" points="125.218,-81 125.218,-91 155.218,-91 155.218,-81 125.218,-81"/>
-<text text-anchor="start" x="126.718" y="-84.1" font-family="monospace" font-size="8.00" fill="white">ens18</text>
-<polygon fill="#888888" stroke="none" points="95.2182,-43 95.2182,-81 194.218,-81 194.218,-43 95.2182,-43"/>
-<text text-anchor="start" x="121.218" y="-65.8" font-family="Times,serif" font-size="14.00" fill="white">VM 100</text>
-<text text-anchor="start" x="99.2182" y="-50.4" font-family="monospace" font-size="12.00" fill="white">10.10.10.100</text>
-<polygon fill="none" stroke="#666666" stroke-width="2" points="96.2182,-44 96.2182,-80 193.218,-80 193.218,-44 96.2182,-44"/>
+<polygon fill="#666666" stroke="none" points="126.066,-81 126.066,-91 156.066,-91 156.066,-81 126.066,-81"/>
+<text text-anchor="start" x="129.566" y="-84.1" font-family="Courier,monospace" font-size="8.00" fill="white">ens18</text>
+<polygon fill="#ff9100" stroke="none" points="91.5663,-43 91.5663,-81 204.566,-81 204.566,-43 91.5663,-43"/>
+<text text-anchor="start" x="124.066" y="-65.8" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">VM 100</text>
+<text text-anchor="start" x="102.566" y="-50.4" font-family="Courier,monospace" font-size="12.00" fill="white">10.10.10.100</text>
+<polygon fill="none" stroke="#666666" stroke-width="2" points="92.5663,-44 92.5663,-80 203.566,-80 203.566,-44 92.5663,-44"/>
 </g>
 <!-- node1_vmbr0&#45;&#45;vm100 -->
 <g id="edge7" class="edge"><title>node1_vmbr0:tap100i0&#45;&#45;vm100:ens18</title>
-<path fill="none" stroke="black" d="M141.218,-135C141.218,-135 140.218,-92 140.218,-92"/>
+<path fill="none" stroke="white" d="M140.566,-135C140.566,-135 140.566,-92 140.566,-92"/>
 </g>
 <!-- vm200 -->
 <g id="node8" class="node"><title>vm200</title>
-<polygon fill="#666666" stroke="none" points="418.218,-81 418.218,-91 448.218,-91 448.218,-81 418.218,-81"/>
-<text text-anchor="start" x="419.718" y="-84.1" font-family="monospace" font-size="8.00" fill="white">ens18</text>
-<polygon fill="#888888" stroke="none" points="388.218,-43 388.218,-81 487.218,-81 487.218,-43 388.218,-43"/>
-<text text-anchor="start" x="414.218" y="-65.8" font-family="Times,serif" font-size="14.00" fill="white">VM 200</text>
-<text text-anchor="start" x="392.218" y="-50.4" font-family="monospace" font-size="12.00" fill="white">10.10.10.200</text>
-<polygon fill="none" stroke="#666666" stroke-width="2" points="389.218,-44 389.218,-80 486.218,-80 486.218,-44 389.218,-44"/>
+<polygon fill="#666666" stroke="none" points="414.066,-81 414.066,-91 444.066,-91 444.066,-81 414.066,-81"/>
+<text text-anchor="start" x="417.566" y="-84.1" font-family="Courier,monospace" font-size="8.00" fill="white">ens18</text>
+<polygon fill="#ff9100" stroke="none" points="379.566,-43 379.566,-81 492.566,-81 492.566,-43 379.566,-43"/>
+<text text-anchor="start" x="412.066" y="-65.8" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">VM 200</text>
+<text text-anchor="start" x="390.566" y="-50.4" font-family="Courier,monospace" font-size="12.00" fill="white">10.10.10.200</text>
+<polygon fill="none" stroke="#666666" stroke-width="2" points="380.566,-44 380.566,-80 491.566,-80 491.566,-44 380.566,-44"/>
 </g>
 <!-- node2_vmbr0&#45;&#45;vm200 -->
 <g id="edge9" class="edge"><title>node2_vmbr0:tap100i0&#45;&#45;vm200:ens18</title>
-<path fill="none" stroke="black" d="M435.218,-135C435.218,-135 433.218,-92 433.218,-92"/>
+<path fill="none" stroke="white" d="M428.566,-135C428.566,-135 428.566,-92 428.566,-92"/>
 </g>
 </g>
 </svg>
diff --git a/images/default-network-setup-bond.tt b/images/default-network-setup-bond.tt
index 76230e1..1df72ea 100644
--- a/images/default-network-setup-bond.tt
+++ b/images/default-network-setup-bond.tt
@@ -2,8 +2,9 @@
 
 graph default_network_setup_bond {
     splines=line
+    fontname="Helvetica"
     node [shape=record];
-    edge [];
+    edge [fontname="Helvetica" color="#FF9100"];
 
     size="8.0,5.0!"
     ratio=fill
@@ -20,7 +21,12 @@ graph default_network_setup_bond {
     tor02:2 -- node2_bond0:eno2
     
     subgraph cluster_node1 {
-        label="Node: proxmox1" labeljust=l labelloc=b
+        label="Node: proxmox1" labelloc=b
+	style="rounded,filled"
+	color="#00617F"
+	fillcolor="#00617F"
+	fontcolor="white"
+	edge [color=white]
 
 	[% switch(
            id="node1_bond0",
@@ -47,7 +53,12 @@ graph default_network_setup_bond {
     }
 
     subgraph cluster_node2 {
-        label="Node: proxmox2" labeljust=l labelloc=b
+        label="Node: proxmox2" labelloc=b
+	style="rounded,filled"
+	color="#00617F"
+	fillcolor="#00617F"
+	fontcolor="white"
+        edge [color=white]
 
 	[% switch(
            id="node2_bond0",
diff --git a/images/default-network-setup-bridge.svg b/images/default-network-setup-bridge.svg
index 81a74e7..ae5a0d3 100644
--- a/images/default-network-setup-bridge.svg
+++ b/images/default-network-setup-bridge.svg
@@ -5,113 +5,113 @@
  -->
 <!-- Title: default_network_setup_bridge Pages: 1 -->
 <svg width="572pt" height="360pt"
- viewBox="0.00 0.00 571.59 360.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g id="graph0" class="graph" transform="scale(0.918953 0.918953) rotate(0) translate(4 387.75)">
+ viewBox="0.00 0.00 571.91 360.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(0.851064 0.851064) rotate(0) translate(4 419)">
 <title>default_network_setup_bridge</title>
-<polygon fill="white" stroke="none" points="-4,4 -4,-387.75 618,-387.75 618,4 -4,4"/>
+<polygon fill="white" stroke="none" points="-4,4 -4,-419 668,-419 668,4 -4,4"/>
 <g id="clust1" class="cluster"><title>cluster_node1</title>
-<polygon fill="none" stroke="black" points="126,-11.2044 126,-287.112 304,-287.112 304,-11.2044 126,-11.2044"/>
-<text text-anchor="middle" x="181" y="-19.0044" font-family="Times,serif" font-size="14.00">Node: proxmox1</text>
+<path fill="#00617f" stroke="#00617f" d="M160,-12.1168C160,-12.1168 314,-12.1168 314,-12.1168 320,-12.1168 326,-18.1168 326,-24.1168 326,-24.1168 326,-298.493 326,-298.493 326,-304.493 320,-310.493 314,-310.493 314,-310.493 160,-310.493 160,-310.493 154,-310.493 148,-304.493 148,-298.493 148,-298.493 148,-24.1168 148,-24.1168 148,-18.1168 154,-12.1168 160,-12.1168"/>
+<text text-anchor="middle" x="237" y="-19.9168" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">Node: proxmox1</text>
 </g>
 <g id="clust2" class="cluster"><title>cluster_node2</title>
-<polygon fill="none" stroke="black" points="312,-11.2044 312,-287.112 606,-287.112 606,-11.2044 312,-11.2044"/>
-<text text-anchor="middle" x="367" y="-19.0044" font-family="Times,serif" font-size="14.00">Node: proxmox2</text>
+<path fill="#00617f" stroke="#00617f" d="M346,-12.1168C346,-12.1168 644,-12.1168 644,-12.1168 650,-12.1168 656,-18.1168 656,-24.1168 656,-24.1168 656,-298.493 656,-298.493 656,-304.493 650,-310.493 644,-310.493 644,-310.493 346,-310.493 346,-310.493 340,-310.493 334,-304.493 334,-298.493 334,-298.493 334,-24.1168 334,-24.1168 334,-18.1168 340,-12.1168 346,-12.1168"/>
+<text text-anchor="middle" x="495" y="-19.9168" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">Node: proxmox2</text>
 </g>
 <!-- gateway -->
 <g id="node1" class="node"><title>gateway</title>
-<polygon fill="#666666" stroke="none" points="39.5,-243.204 39.5,-253.204 64.5,-253.204 64.5,-243.204 39.5,-243.204"/>
-<text text-anchor="start" x="41" y="-246.304" font-family="monospace" font-size="8.00" fill="white">eno1</text>
-<polygon fill="#888888" stroke="none" points="8,-205.204 8,-243.204 108,-243.204 108,-205.204 8,-205.204"/>
-<text text-anchor="start" x="12" y="-228.004" font-family="Times,serif" font-size="14.00" fill="white">Gateway, DHCP</text>
-<text text-anchor="start" x="12.5" y="-212.604" font-family="monospace" font-size="12.00" fill="white">192.168.10.1</text>
-<polygon fill="none" stroke="#666666" stroke-width="2" points="9,-206.204 9,-242.204 107,-242.204 107,-206.204 9,-206.204"/>
+<polygon fill="#666666" stroke="none" points="48.5,-262.117 48.5,-272.117 73.5,-272.117 73.5,-262.117 48.5,-262.117"/>
+<text text-anchor="start" x="51.5" y="-265.217" font-family="Courier,monospace" font-size="8.00" fill="white">eno1</text>
+<polygon fill="#ff9100" stroke="none" points="8,-224.117 8,-262.117 130,-262.117 130,-224.117 8,-224.117"/>
+<text text-anchor="start" x="19" y="-246.917" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">Gateway, DHCP</text>
+<text text-anchor="start" x="23.5" y="-231.517" font-family="Courier,monospace" font-size="12.00" fill="white">192.168.10.1</text>
+<polygon fill="none" stroke="#666666" stroke-width="2" points="9,-225.117 9,-261.117 129,-261.117 129,-225.117 9,-225.117"/>
 </g>
 <!-- tor01 -->
 <g id="node2" class="node"><title>tor01</title>
-<path fill="lightgreen" stroke="none" d="M146,-349.204C146,-349.204 272,-349.204 272,-349.204 275.5,-349.204 279,-352.704 279,-356.204 279,-356.204 279,-363.204 279,-363.204 279,-366.704 275.5,-370.204 272,-370.204 272,-370.204 146,-370.204 146,-370.204 142.5,-370.204 139,-366.704 139,-363.204 139,-363.204 139,-356.204 139,-356.204 139,-352.704 142.5,-349.204 146,-349.204"/>
-<text text-anchor="start" x="154" y="-356.004" font-family="Times,serif" font-size="14.00">Top of Rack Switch</text>
-<path fill="none" stroke="green" stroke-width="2" d="M146,-349.204C146,-349.204 272,-349.204 272,-349.204 275.5,-349.204 279,-352.704 279,-356.204 279,-356.204 279,-363.204 279,-363.204 279,-366.704 275.5,-370.204 272,-370.204 272,-370.204 146,-370.204 146,-370.204 142.5,-370.204 139,-366.704 139,-363.204 139,-363.204 139,-356.204 139,-356.204 139,-352.704 142.5,-349.204 146,-349.204"/>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="168,-338.204 168,-348.204 178,-348.204 178,-338.204 168,-338.204"/>
-<text text-anchor="start" x="170" y="-341.304" font-family="monospace" font-size="8.00" fill="white">1</text>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="199,-338.204 199,-348.204 209,-348.204 209,-338.204 199,-338.204"/>
-<text text-anchor="start" x="201" y="-341.304" font-family="monospace" font-size="8.00" fill="white">2</text>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="230,-338.204 230,-348.204 240,-348.204 240,-338.204 230,-338.204"/>
-<text text-anchor="start" x="232" y="-341.304" font-family="monospace" font-size="8.00" fill="white">3</text>
+<path fill="#abbaba" stroke="none" d="M165,-378.117C165,-378.117 298,-378.117 298,-378.117 301.5,-378.117 305,-381.617 305,-385.117 305,-385.117 305,-392.117 305,-392.117 305,-395.617 301.5,-399.117 298,-399.117 298,-399.117 165,-399.117 165,-399.117 161.5,-399.117 158,-395.617 158,-392.117 158,-392.117 158,-385.117 158,-385.117 158,-381.617 161.5,-378.117 165,-378.117"/>
+<text text-anchor="start" x="173" y="-384.917" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">Top of Rack Switch</text>
+<path fill="none" stroke="#666666" stroke-width="2" d="M165,-378.117C165,-378.117 298,-378.117 298,-378.117 301.5,-378.117 305,-381.617 305,-385.117 305,-385.117 305,-392.117 305,-392.117 305,-395.617 301.5,-399.117 298,-399.117 298,-399.117 165,-399.117 165,-399.117 161.5,-399.117 158,-395.617 158,-392.117 158,-392.117 158,-385.117 158,-385.117 158,-381.617 161.5,-378.117 165,-378.117"/>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="188.5,-367.117 188.5,-377.117 198.5,-377.117 198.5,-367.117 188.5,-367.117"/>
+<text text-anchor="start" x="191" y="-370.217" font-family="Courier,monospace" font-size="8.00" fill="white">1</text>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="221.5,-367.117 221.5,-377.117 231.5,-377.117 231.5,-367.117 221.5,-367.117"/>
+<text text-anchor="start" x="224" y="-370.217" font-family="Courier,monospace" font-size="8.00" fill="white">2</text>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="254.5,-367.117 254.5,-377.117 264.5,-377.117 264.5,-367.117 254.5,-367.117"/>
+<text text-anchor="start" x="257" y="-370.217" font-family="Courier,monospace" font-size="8.00" fill="white">3</text>
 </g>
 <!-- tor01&#45;&#45;gateway -->
 <g id="edge1" class="edge"><title>tor01:1&#45;&#45;gateway:eno1</title>
-<path fill="none" stroke="black" d="M173,-337.204C173,-337.204 52,-254.204 52,-254.204"/>
+<path fill="none" stroke="#ff9100" d="M193,-366.117C193,-366.117 61,-273.117 61,-273.117"/>
 </g>
 <!-- node1_vmbr0 -->
 <g id="node3" class="node"><title>node1_vmbr0</title>
-<polygon fill="#666666" stroke="none" points="192,-248.204 192,-258.204 217,-258.204 217,-248.204 192,-248.204"/>
-<text text-anchor="start" x="193.5" y="-251.304" font-family="monospace" font-size="8.00" fill="white">eno1</text>
-<path fill="lightgreen" stroke="none" d="M156,-211.204C156,-211.204 275,-211.204 275,-211.204 281,-211.204 287,-217.204 287,-223.204 287,-223.204 287,-235.204 287,-235.204 287,-241.204 281,-247.204 275,-247.204 275,-247.204 156,-247.204 156,-247.204 150,-247.204 144,-241.204 144,-235.204 144,-235.204 144,-223.204 144,-223.204 144,-217.204 150,-211.204 156,-211.204"/>
-<text text-anchor="start" x="197" y="-233.004" font-family="Times,serif" font-size="14.00">vmbr0</text>
-<text text-anchor="start" x="159" y="-217.604" font-family="monospace" font-size="12.00">192.168.10.2/24</text>
-<path fill="none" stroke="green" stroke-width="2" d="M156,-211.204C156,-211.204 275,-211.204 275,-211.204 281,-211.204 287,-217.204 287,-223.204 287,-223.204 287,-235.204 287,-235.204 287,-241.204 281,-247.204 275,-247.204 275,-247.204 156,-247.204 156,-247.204 150,-247.204 144,-241.204 144,-235.204 144,-235.204 144,-223.204 144,-223.204 144,-217.204 150,-211.204 156,-211.204"/>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="184.5,-200.204 184.5,-210.204 229.5,-210.204 229.5,-200.204 184.5,-200.204"/>
-<text text-anchor="start" x="185.5" y="-203.304" font-family="monospace" font-size="8.00" fill="white">tap100i0</text>
+<polygon fill="#666666" stroke="none" points="214,-267.117 214,-277.117 239,-277.117 239,-267.117 214,-267.117"/>
+<text text-anchor="start" x="217" y="-270.217" font-family="Courier,monospace" font-size="8.00" fill="white">eno1</text>
+<path fill="#abbaba" stroke="none" d="M178,-230.117C178,-230.117 297,-230.117 297,-230.117 303,-230.117 309,-236.117 309,-242.117 309,-242.117 309,-254.117 309,-254.117 309,-260.117 303,-266.117 297,-266.117 297,-266.117 178,-266.117 178,-266.117 172,-266.117 166,-260.117 166,-254.117 166,-254.117 166,-242.117 166,-242.117 166,-236.117 172,-230.117 178,-230.117"/>
+<text text-anchor="start" x="218" y="-251.917" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">vmbr0</text>
+<text text-anchor="start" x="181" y="-236.517" font-family="Courier,monospace" font-size="12.00" fill="white">192.168.10.2/24</text>
+<path fill="none" stroke="#666666" stroke-width="2" d="M178,-230.117C178,-230.117 297,-230.117 297,-230.117 303,-230.117 309,-236.117 309,-242.117 309,-242.117 309,-254.117 309,-254.117 309,-260.117 303,-266.117 297,-266.117 297,-266.117 178,-266.117 178,-266.117 172,-266.117 166,-260.117 166,-254.117 166,-254.117 166,-242.117 166,-242.117 166,-236.117 172,-230.117 178,-230.117"/>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="206.5,-219.117 206.5,-229.117 251.5,-229.117 251.5,-219.117 206.5,-219.117"/>
+<text text-anchor="start" x="210.5" y="-222.217" font-family="Courier,monospace" font-size="8.00" fill="white">tap100i0</text>
 </g>
 <!-- tor01&#45;&#45;node1_vmbr0 -->
 <g id="edge2" class="edge"><title>tor01:2&#45;&#45;node1_vmbr0:eno1</title>
-<path fill="none" stroke="black" d="M204,-337.204C204,-337.204 204,-259.204 204,-259.204"/>
+<path fill="none" stroke="#ff9100" d="M226,-366.117C226,-366.117 226,-278.117 226,-278.117"/>
 </g>
 <!-- node2_vmbr0 -->
 <g id="node4" class="node"><title>node2_vmbr0</title>
-<polygon fill="#666666" stroke="none" points="384,-248.204 384,-258.204 409,-258.204 409,-248.204 384,-248.204"/>
-<text text-anchor="start" x="385.5" y="-251.304" font-family="monospace" font-size="8.00" fill="white">eno1</text>
-<path fill="lightgreen" stroke="none" d="M348,-211.204C348,-211.204 467,-211.204 467,-211.204 473,-211.204 479,-217.204 479,-223.204 479,-223.204 479,-235.204 479,-235.204 479,-241.204 473,-247.204 467,-247.204 467,-247.204 348,-247.204 348,-247.204 342,-247.204 336,-241.204 336,-235.204 336,-235.204 336,-223.204 336,-223.204 336,-217.204 342,-211.204 348,-211.204"/>
-<text text-anchor="start" x="389" y="-233.004" font-family="Times,serif" font-size="14.00">vmbr0</text>
-<text text-anchor="start" x="351" y="-217.604" font-family="monospace" font-size="12.00">192.168.10.3/24</text>
-<path fill="none" stroke="green" stroke-width="2" d="M348,-211.204C348,-211.204 467,-211.204 467,-211.204 473,-211.204 479,-217.204 479,-223.204 479,-223.204 479,-235.204 479,-235.204 479,-241.204 473,-247.204 467,-247.204 467,-247.204 348,-247.204 348,-247.204 342,-247.204 336,-241.204 336,-235.204 336,-235.204 336,-223.204 336,-223.204 336,-217.204 342,-211.204 348,-211.204"/>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="356,-200.204 356,-210.204 401,-210.204 401,-200.204 356,-200.204"/>
-<text text-anchor="start" x="357" y="-203.304" font-family="monospace" font-size="8.00" fill="white">tap200i0</text>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="410,-200.204 410,-210.204 455,-210.204 455,-200.204 410,-200.204"/>
-<text text-anchor="start" x="411" y="-203.304" font-family="monospace" font-size="8.00" fill="white">tap201i0</text>
+<polygon fill="#666666" stroke="none" points="411,-267.117 411,-277.117 436,-277.117 436,-267.117 411,-267.117"/>
+<text text-anchor="start" x="414" y="-270.217" font-family="Courier,monospace" font-size="8.00" fill="white">eno1</text>
+<path fill="#abbaba" stroke="none" d="M375,-230.117C375,-230.117 494,-230.117 494,-230.117 500,-230.117 506,-236.117 506,-242.117 506,-242.117 506,-254.117 506,-254.117 506,-260.117 500,-266.117 494,-266.117 494,-266.117 375,-266.117 375,-266.117 369,-266.117 363,-260.117 363,-254.117 363,-254.117 363,-242.117 363,-242.117 363,-236.117 369,-230.117 375,-230.117"/>
+<text text-anchor="start" x="415" y="-251.917" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">vmbr0</text>
+<text text-anchor="start" x="378" y="-236.517" font-family="Courier,monospace" font-size="12.00" fill="white">192.168.10.3/24</text>
+<path fill="none" stroke="#666666" stroke-width="2" d="M375,-230.117C375,-230.117 494,-230.117 494,-230.117 500,-230.117 506,-236.117 506,-242.117 506,-242.117 506,-254.117 506,-254.117 506,-260.117 500,-266.117 494,-266.117 494,-266.117 375,-266.117 375,-266.117 369,-266.117 363,-260.117 363,-254.117 363,-254.117 363,-242.117 363,-242.117 363,-236.117 369,-230.117 375,-230.117"/>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="383,-219.117 383,-229.117 428,-229.117 428,-219.117 383,-219.117"/>
+<text text-anchor="start" x="387" y="-222.217" font-family="Courier,monospace" font-size="8.00" fill="white">tap200i0</text>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="437,-219.117 437,-229.117 482,-229.117 482,-219.117 437,-219.117"/>
+<text text-anchor="start" x="441" y="-222.217" font-family="Courier,monospace" font-size="8.00" fill="white">tap201i0</text>
 </g>
 <!-- tor01&#45;&#45;node2_vmbr0 -->
 <g id="edge3" class="edge"><title>tor01:3&#45;&#45;node2_vmbr0:eno1</title>
-<path fill="none" stroke="black" d="M235,-337.204C235,-337.204 396,-259.204 396,-259.204"/>
+<path fill="none" stroke="#ff9100" d="M260,-366.117C260,-366.117 423,-278.117 423,-278.117"/>
 </g>
 <!-- vm100 -->
 <g id="node5" class="node"><title>vm100</title>
-<polygon fill="#666666" stroke="none" points="192.5,-108.204 192.5,-118.204 222.5,-118.204 222.5,-108.204 192.5,-108.204"/>
-<text text-anchor="start" x="194" y="-111.304" font-family="monospace" font-size="8.00" fill="white">ens18</text>
-<polygon fill="#888888" stroke="none" points="157,-70.2044 157,-108.204 271,-108.204 271,-70.2044 157,-70.2044"/>
-<text text-anchor="start" x="190.5" y="-93.0044" font-family="Times,serif" font-size="14.00" fill="white">VM 100</text>
-<text text-anchor="start" x="161" y="-77.6044" font-family="monospace" font-size="12.00" fill="white">192.168.10.100</text>
-<polygon fill="none" stroke="#666666" stroke-width="2" points="158,-71.2044 158,-107.204 270,-107.204 270,-71.2044 158,-71.2044"/>
+<polygon fill="#666666" stroke="none" points="214.5,-115.117 214.5,-125.117 244.5,-125.117 244.5,-115.117 214.5,-115.117"/>
+<text text-anchor="start" x="218" y="-118.217" font-family="Courier,monospace" font-size="8.00" fill="white">ens18</text>
+<polygon fill="#ff9100" stroke="none" points="174,-77.1168 174,-115.117 302,-115.117 302,-77.1168 174,-77.1168"/>
+<text text-anchor="start" x="214" y="-99.9168" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">VM 100</text>
+<text text-anchor="start" x="185" y="-84.5168" font-family="Courier,monospace" font-size="12.00" fill="white">192.168.10.100</text>
+<polygon fill="none" stroke="#666666" stroke-width="2" points="175,-78.1168 175,-114.117 301,-114.117 301,-78.1168 175,-78.1168"/>
 </g>
 <!-- node1_vmbr0&#45;&#45;vm100 -->
 <g id="edge4" class="edge"><title>node1_vmbr0:tap100i0&#45;&#45;vm100:ens18</title>
-<path fill="none" stroke="black" d="M207,-199.204C207,-199.204 207,-119.204 207,-119.204"/>
+<path fill="none" stroke="white" d="M229,-218.117C229,-218.117 229,-126.117 229,-126.117"/>
 </g>
 <!-- vm200 -->
 <g id="node6" class="node"><title>vm200</title>
-<polygon fill="#666666" stroke="none" points="363.5,-108.204 363.5,-118.204 393.5,-118.204 393.5,-108.204 363.5,-108.204"/>
-<text text-anchor="start" x="365" y="-111.304" font-family="monospace" font-size="8.00" fill="white">ens18</text>
-<polygon fill="#888888" stroke="none" points="328,-70.2044 328,-108.204 442,-108.204 442,-70.2044 328,-70.2044"/>
-<text text-anchor="start" x="361.5" y="-93.0044" font-family="Times,serif" font-size="14.00" fill="white">VM 200</text>
-<text text-anchor="start" x="332" y="-77.6044" font-family="monospace" font-size="12.00" fill="white">192.168.10.200</text>
-<polygon fill="none" stroke="#666666" stroke-width="2" points="329,-71.2044 329,-107.204 441,-107.204 441,-71.2044 329,-71.2044"/>
+<polygon fill="#666666" stroke="none" points="390.5,-115.117 390.5,-125.117 420.5,-125.117 420.5,-115.117 390.5,-115.117"/>
+<text text-anchor="start" x="394" y="-118.217" font-family="Courier,monospace" font-size="8.00" fill="white">ens18</text>
+<polygon fill="#ff9100" stroke="none" points="350,-77.1168 350,-115.117 478,-115.117 478,-77.1168 350,-77.1168"/>
+<text text-anchor="start" x="390" y="-99.9168" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">VM 200</text>
+<text text-anchor="start" x="361" y="-84.5168" font-family="Courier,monospace" font-size="12.00" fill="white">192.168.10.200</text>
+<polygon fill="none" stroke="#666666" stroke-width="2" points="351,-78.1168 351,-114.117 477,-114.117 477,-78.1168 351,-78.1168"/>
 </g>
 <!-- node2_vmbr0&#45;&#45;vm200 -->
 <g id="edge5" class="edge"><title>node2_vmbr0:tap200i0&#45;&#45;vm200:ens18</title>
-<path fill="none" stroke="black" d="M378,-199.204C378,-199.204 378,-119.204 378,-119.204"/>
+<path fill="none" stroke="white" d="M405,-218.117C405,-218.117 405,-126.117 405,-126.117"/>
 </g>
 <!-- vm201 -->
 <g id="node7" class="node"><title>vm201</title>
-<polygon fill="#666666" stroke="none" points="511.5,-108.204 511.5,-118.204 541.5,-118.204 541.5,-108.204 511.5,-108.204"/>
-<text text-anchor="start" x="513" y="-111.304" font-family="monospace" font-size="8.00" fill="white">ens18</text>
-<polygon fill="#888888" stroke="none" points="476,-70.2044 476,-108.204 590,-108.204 590,-70.2044 476,-70.2044"/>
-<text text-anchor="start" x="509.5" y="-93.0044" font-family="Times,serif" font-size="14.00" fill="white">VM 201</text>
-<text text-anchor="start" x="480" y="-77.6044" font-family="monospace" font-size="12.00" fill="white">192.168.10.201</text>
-<polygon fill="none" stroke="#666666" stroke-width="2" points="477,-71.2044 477,-107.204 589,-107.204 589,-71.2044 477,-71.2044"/>
+<polygon fill="#666666" stroke="none" points="552.5,-115.117 552.5,-125.117 582.5,-125.117 582.5,-115.117 552.5,-115.117"/>
+<text text-anchor="start" x="556" y="-118.217" font-family="Courier,monospace" font-size="8.00" fill="white">ens18</text>
+<polygon fill="#ff9100" stroke="none" points="512,-77.1168 512,-115.117 640,-115.117 640,-77.1168 512,-77.1168"/>
+<text text-anchor="start" x="552" y="-99.9168" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">VM 201</text>
+<text text-anchor="start" x="523" y="-84.5168" font-family="Courier,monospace" font-size="12.00" fill="white">192.168.10.201</text>
+<polygon fill="none" stroke="#666666" stroke-width="2" points="513,-78.1168 513,-114.117 639,-114.117 639,-78.1168 513,-78.1168"/>
 </g>
 <!-- node2_vmbr0&#45;&#45;vm201 -->
 <g id="edge6" class="edge"><title>node2_vmbr0:tap201i0&#45;&#45;vm201:ens18</title>
-<path fill="none" stroke="black" d="M433,-199.204C433,-199.204 526,-119.204 526,-119.204"/>
+<path fill="none" stroke="white" d="M460,-218.117C460,-218.117 567,-126.117 567,-126.117"/>
 </g>
 </g>
 </svg>
diff --git a/images/default-network-setup-bridge.tt b/images/default-network-setup-bridge.tt
index 66701f0..c096b8a 100644
--- a/images/default-network-setup-bridge.tt
+++ b/images/default-network-setup-bridge.tt
@@ -2,8 +2,9 @@
 
 graph default_network_setup_bridge {
     splines=line
+    fontname="Helvetica"
     node [shape=record];
-    edge [];
+    edge [color="#FF9100"]
 
     size="8.0,5.0!"
     ratio=fill
@@ -21,7 +22,12 @@ graph default_network_setup_bridge {
     tor01:3 -- node2_vmbr0:eno1
 
     subgraph cluster_node1 {
-        label="Node: proxmox1" labeljust=l labelloc=b
+        label="Node: proxmox1" labelloc=b
+	style="rounded,filled"
+	color="#00617F"
+	fillcolor="#00617F"
+	fontcolor="white"
+	edge [color=white]
 
 	[% switch(
            id="node1_vmbr0",
@@ -40,7 +46,12 @@ graph default_network_setup_bridge {
     }
 
     subgraph cluster_node2 {
-        label="Node: proxmox2" labeljust=l labelloc=b
+        label="Node: proxmox2" labelloc=b
+	style="rounded,filled"
+	color="#00617F"
+	fillcolor="#00617F"
+	fontcolor="white"
+	edge [color=white]
 
 	[% switch(
            id="node2_vmbr0",
diff --git a/images/default-network-setup-routed.svg b/images/default-network-setup-routed.svg
index 700e09e..c4ec80c 100644
--- a/images/default-network-setup-routed.svg
+++ b/images/default-network-setup-routed.svg
@@ -10,81 +10,81 @@
 <title>default_network_setup_routed</title>
 <polygon fill="white" stroke="none" points="-4,4 -4,-364 580,-364 580,4 -4,4"/>
 <g id="clust1" class="cluster"><title>cluster_node1</title>
-<polygon fill="none" stroke="black" points="10.2628,-10.6273 10.2628,-260.369 565.737,-260.369 565.737,-10.6273 10.2628,-10.6273"/>
-<text text-anchor="middle" x="61.7628" y="-18.4273" font-family="Times,serif" font-size="14.00">Node: proxmox</text>
+<path fill="#00617f" stroke="#00617f" d="M21.4233,-10.6273C21.4233,-10.6273 554.577,-10.6273 554.577,-10.6273 560.577,-10.6273 566.577,-16.6273 566.577,-22.6273 566.577,-22.6273 566.577,-248.369 566.577,-248.369 566.577,-254.369 560.577,-260.369 554.577,-260.369 554.577,-260.369 21.4233,-260.369 21.4233,-260.369 15.4233,-260.369 9.42331,-254.369 9.42331,-248.369 9.42331,-248.369 9.42331,-22.6273 9.42331,-22.6273 9.42331,-16.6273 15.4233,-10.6273 21.4233,-10.6273"/>
+<text text-anchor="middle" x="288" y="-18.4273" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">Node: proxmox</text>
 </g>
 <!-- gateway -->
 <g id="node1" class="node"><title>gateway</title>
-<polygon fill="#888888" stroke="none" points="384.169,-310.627 384.169,-348.627 491.169,-348.627 491.169,-310.627 384.169,-310.627"/>
-<text text-anchor="start" x="388.169" y="-333.427" font-family="Times,serif" font-size="14.00" fill="white">Provider Gateway</text>
-<text text-anchor="start" x="392.169" y="-318.027" font-family="monospace" font-size="12.00" fill="white">198.51.100.1</text>
-<polygon fill="none" stroke="#666666" stroke-width="2" points="385.169,-311.627 385.169,-347.627 490.169,-347.627 490.169,-311.627 385.169,-311.627"/>
+<polygon fill="#ff9100" stroke="none" points="383.607,-310.627 383.607,-348.627 514.607,-348.627 514.607,-310.627 383.607,-310.627"/>
+<text text-anchor="start" x="394.607" y="-333.427" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">Provider Gateway</text>
+<text text-anchor="start" x="403.607" y="-318.027" font-family="Courier,monospace" font-size="12.00" fill="white">198.51.100.1</text>
+<polygon fill="none" stroke="#666666" stroke-width="2" points="384.607,-311.627 384.607,-347.627 513.607,-347.627 513.607,-311.627 384.607,-311.627"/>
 </g>
 <!-- node1_eno0 -->
 <g id="node2" class="node"><title>node1_eno0</title>
-<polygon fill="#666666" stroke="none" points="428.169,-217.627 428.169,-227.627 453.169,-227.627 453.169,-217.627 428.169,-217.627"/>
-<text text-anchor="start" x="429.669" y="-220.727" font-family="monospace" font-size="8.00" fill="white">eno0</text>
-<path fill="lightgreen" stroke="none" d="M386.503,-197.627C386.503,-197.627 516.836,-197.627 516.836,-197.627 520.003,-197.627 523.169,-200.794 523.169,-203.961 523.169,-203.961 523.169,-210.294 523.169,-210.294 523.169,-213.461 520.003,-216.627 516.836,-216.627 516.836,-216.627 386.503,-216.627 386.503,-216.627 383.336,-216.627 380.169,-213.461 380.169,-210.294 380.169,-210.294 380.169,-203.961 380.169,-203.961 380.169,-200.794 383.336,-197.627 386.503,-197.627"/>
-<text text-anchor="start" x="395.169" y="-204.027" font-family="monospace" font-size="12.00">198.51.100.5/29</text>
-<path fill="none" stroke="green" stroke-width="2" d="M386.503,-197.627C386.503,-197.627 516.836,-197.627 516.836,-197.627 520.003,-197.627 523.169,-200.794 523.169,-203.961 523.169,-203.961 523.169,-210.294 523.169,-210.294 523.169,-213.461 520.003,-216.627 516.836,-216.627 516.836,-216.627 386.503,-216.627 386.503,-216.627 383.336,-216.627 380.169,-213.461 380.169,-210.294 380.169,-210.294 380.169,-203.961 380.169,-203.961 380.169,-200.794 383.336,-197.627 386.503,-197.627"/>
+<polygon fill="#666666" stroke="none" points="438.607,-217.627 438.607,-227.627 463.607,-227.627 463.607,-217.627 438.607,-217.627"/>
+<text text-anchor="start" x="441.607" y="-220.727" font-family="Courier,monospace" font-size="8.00" fill="white">eno0</text>
+<path fill="lightgreen" stroke="none" d="M396.941,-197.627C396.941,-197.627 527.274,-197.627 527.274,-197.627 530.441,-197.627 533.607,-200.794 533.607,-203.961 533.607,-203.961 533.607,-210.294 533.607,-210.294 533.607,-213.461 530.441,-216.627 527.274,-216.627 527.274,-216.627 396.941,-216.627 396.941,-216.627 393.774,-216.627 390.607,-213.461 390.607,-210.294 390.607,-210.294 390.607,-203.961 390.607,-203.961 390.607,-200.794 393.774,-197.627 396.941,-197.627"/>
+<text text-anchor="start" x="405.607" y="-204.027" font-family="Courier,monospace" font-size="12.00">198.51.100.5/29</text>
+<path fill="none" stroke="green" stroke-width="2" d="M396.941,-197.627C396.941,-197.627 527.274,-197.627 527.274,-197.627 530.441,-197.627 533.607,-200.794 533.607,-203.961 533.607,-203.961 533.607,-210.294 533.607,-210.294 533.607,-213.461 530.441,-216.627 527.274,-216.627 527.274,-216.627 396.941,-216.627 396.941,-216.627 393.774,-216.627 390.607,-213.461 390.607,-210.294 390.607,-210.294 390.607,-203.961 390.607,-203.961 390.607,-200.794 393.774,-197.627 396.941,-197.627"/>
 </g>
 <!-- gateway&#45;&#45;node1_eno0 -->
 <g id="edge4" class="edge"><title>gateway&#45;&#45;node1_eno0:eno0</title>
-<path fill="none" stroke="black" d="M437.835,-306.434C438.719,-276.973 440.169,-228.627 440.169,-228.627"/>
+<path fill="none" stroke="#ff9100" d="M449.051,-306.434C449.64,-276.973 450.607,-228.627 450.607,-228.627"/>
 </g>
 <!-- node1_vmbr0 -->
 <g id="node3" class="node"><title>node1_vmbr0</title>
-<path fill="lightgreen" stroke="none" d="M65.1693,-199.627C65.1693,-199.627 184.169,-199.627 184.169,-199.627 190.169,-199.627 196.169,-205.627 196.169,-211.627 196.169,-211.627 196.169,-223.627 196.169,-223.627 196.169,-229.627 190.169,-235.627 184.169,-235.627 184.169,-235.627 65.1693,-235.627 65.1693,-235.627 59.1693,-235.627 53.1693,-229.627 53.1693,-223.627 53.1693,-223.627 53.1693,-211.627 53.1693,-211.627 53.1693,-205.627 59.1693,-199.627 65.1693,-199.627"/>
-<text text-anchor="start" x="106.169" y="-221.427" font-family="Times,serif" font-size="14.00">vmbr0</text>
-<text text-anchor="start" x="68.1693" y="-206.027" font-family="monospace" font-size="12.00">203.0.113.17/28</text>
-<path fill="none" stroke="green" stroke-width="2" d="M65.1693,-199.627C65.1693,-199.627 184.169,-199.627 184.169,-199.627 190.169,-199.627 196.169,-205.627 196.169,-211.627 196.169,-211.627 196.169,-223.627 196.169,-223.627 196.169,-229.627 190.169,-235.627 184.169,-235.627 184.169,-235.627 65.1693,-235.627 65.1693,-235.627 59.1693,-235.627 53.1693,-229.627 53.1693,-223.627 53.1693,-223.627 53.1693,-211.627 53.1693,-211.627 53.1693,-205.627 59.1693,-199.627 65.1693,-199.627"/>
-<polygon fill="#666666" stroke="none" stroke-width="2" points="93.6693,-188.627 93.6693,-198.627 138.669,-198.627 138.669,-188.627 93.6693,-188.627"/>
-<text text-anchor="start" x="94.6693" y="-191.727" font-family="monospace" font-size="8.00" fill="white">tap100i0</text>
+<path fill="#abbaba" stroke="none" d="M55.6074,-199.627C55.6074,-199.627 174.607,-199.627 174.607,-199.627 180.607,-199.627 186.607,-205.627 186.607,-211.627 186.607,-211.627 186.607,-223.627 186.607,-223.627 186.607,-229.627 180.607,-235.627 174.607,-235.627 174.607,-235.627 55.6074,-235.627 55.6074,-235.627 49.6074,-235.627 43.6074,-229.627 43.6074,-223.627 43.6074,-223.627 43.6074,-211.627 43.6074,-211.627 43.6074,-205.627 49.6074,-199.627 55.6074,-199.627"/>
+<text text-anchor="start" x="95.6074" y="-221.427" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">vmbr0</text>
+<text text-anchor="start" x="58.6074" y="-206.027" font-family="Courier,monospace" font-size="12.00" fill="white">203.0.113.17/28</text>
+<path fill="none" stroke="#666666" stroke-width="2" d="M55.6074,-199.627C55.6074,-199.627 174.607,-199.627 174.607,-199.627 180.607,-199.627 186.607,-205.627 186.607,-211.627 186.607,-211.627 186.607,-223.627 186.607,-223.627 186.607,-229.627 180.607,-235.627 174.607,-235.627 174.607,-235.627 55.6074,-235.627 55.6074,-235.627 49.6074,-235.627 43.6074,-229.627 43.6074,-223.627 43.6074,-223.627 43.6074,-211.627 43.6074,-211.627 43.6074,-205.627 49.6074,-199.627 55.6074,-199.627"/>
+<polygon fill="#666666" stroke="none" stroke-width="2" points="84.1074,-188.627 84.1074,-198.627 129.107,-198.627 129.107,-188.627 84.1074,-188.627"/>
+<text text-anchor="start" x="88.1074" y="-191.727" font-family="Courier,monospace" font-size="8.00" fill="white">tap100i0</text>
 </g>
 <!-- node1_vmbr0&#45;&#45;node1_eno0 -->
 <g id="edge5" class="edge"><title>node1_vmbr0&#45;&#45;node1_eno0</title>
-<path fill="none" stroke="red" d="M205.001,-212.627C255.404,-212.627 320.03,-212.627 370.418,-212.627"/>
-<text text-anchor="middle" x="287.669" y="-234.427" font-family="Times,serif" font-size="14.00">ip_forward=1</text>
-<text text-anchor="middle" x="287.669" y="-219.427" font-family="Times,serif" font-size="14.00">proxy_arp=1</text>
+<path fill="none" stroke="red" d="M195.526,-212.627C251.299,-212.627 325.125,-212.627 380.861,-212.627"/>
+<text text-anchor="end" x="346.107" y="-234.427" font-family="Courier,monospace" font-size="14.00" fill="white">ip_forward = 1</text>
+<text text-anchor="end" x="346.107" y="-219.427" font-family="Courier,monospace" font-size="14.00" fill="white">proxy_arp = 1</text>
 </g>
 <!-- vm100 -->
 <g id="node4" class="node"><title>vm100</title>
-<polygon fill="#666666" stroke="none" points="76.1693,-102.627 76.1693,-112.627 106.169,-112.627 106.169,-102.627 76.1693,-102.627"/>
-<text text-anchor="start" x="77.6693" y="-105.727" font-family="monospace" font-size="8.00" fill="white">ens18</text>
-<polygon fill="#888888" stroke="none" points="46.1693,-64.6273 46.1693,-102.627 145.169,-102.627 145.169,-64.6273 46.1693,-64.6273"/>
-<text text-anchor="start" x="72.1693" y="-87.4273" font-family="Times,serif" font-size="14.00" fill="white">VM 100</text>
-<text text-anchor="start" x="50.1693" y="-72.0273" font-family="monospace" font-size="12.00" fill="white">203.0.113.18</text>
-<polygon fill="none" stroke="#666666" stroke-width="2" points="47.1693,-65.6273 47.1693,-101.627 144.169,-101.627 144.169,-65.6273 47.1693,-65.6273"/>
+<polygon fill="#666666" stroke="none" points="74.1074,-102.627 74.1074,-112.627 104.107,-112.627 104.107,-102.627 74.1074,-102.627"/>
+<text text-anchor="start" x="77.6074" y="-105.727" font-family="Courier,monospace" font-size="8.00" fill="white">ens18</text>
+<polygon fill="#ff9100" stroke="none" points="39.6074,-64.6273 39.6074,-102.627 152.607,-102.627 152.607,-64.6273 39.6074,-64.6273"/>
+<text text-anchor="start" x="72.1074" y="-87.4273" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">VM 100</text>
+<text text-anchor="start" x="50.6074" y="-72.0273" font-family="Courier,monospace" font-size="12.00" fill="white">203.0.113.18</text>
+<polygon fill="none" stroke="#666666" stroke-width="2" points="40.6074,-65.6273 40.6074,-101.627 151.607,-101.627 151.607,-65.6273 40.6074,-65.6273"/>
 </g>
 <!-- node1_vmbr0&#45;&#45;vm100 -->
 <g id="edge1" class="edge"><title>node1_vmbr0:tap100i0&#45;&#45;vm100:ens18</title>
-<path fill="none" stroke="black" d="M116.169,-187.627C116.169,-187.627 91.1693,-113.627 91.1693,-113.627"/>
+<path fill="none" stroke="white" d="M106.607,-187.627C106.607,-187.627 88.6074,-113.627 88.6074,-113.627"/>
 </g>
 <!-- vm101 -->
 <g id="node5" class="node"><title>vm101</title>
-<polygon fill="#666666" stroke="none" points="246.169,-102.627 246.169,-112.627 276.169,-112.627 276.169,-102.627 246.169,-102.627"/>
-<text text-anchor="start" x="247.669" y="-105.727" font-family="monospace" font-size="8.00" fill="white">ens18</text>
-<polygon fill="#888888" stroke="none" points="216.169,-64.6273 216.169,-102.627 315.169,-102.627 315.169,-64.6273 216.169,-64.6273"/>
-<text text-anchor="start" x="242.169" y="-87.4273" font-family="Times,serif" font-size="14.00" fill="white">VM 101</text>
-<text text-anchor="start" x="220.169" y="-72.0273" font-family="monospace" font-size="12.00" fill="white">203.0.113.19</text>
-<polygon fill="none" stroke="#666666" stroke-width="2" points="217.169,-65.6273 217.169,-101.627 314.169,-101.627 314.169,-65.6273 217.169,-65.6273"/>
+<polygon fill="#666666" stroke="none" points="247.107,-102.627 247.107,-112.627 277.107,-112.627 277.107,-102.627 247.107,-102.627"/>
+<text text-anchor="start" x="250.607" y="-105.727" font-family="Courier,monospace" font-size="8.00" fill="white">ens18</text>
+<polygon fill="#ff9100" stroke="none" points="212.607,-64.6273 212.607,-102.627 325.607,-102.627 325.607,-64.6273 212.607,-64.6273"/>
+<text text-anchor="start" x="245.107" y="-87.4273" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">VM 101</text>
+<text text-anchor="start" x="223.607" y="-72.0273" font-family="Courier,monospace" font-size="12.00" fill="white">203.0.113.19</text>
+<polygon fill="none" stroke="#666666" stroke-width="2" points="213.607,-65.6273 213.607,-101.627 324.607,-101.627 324.607,-65.6273 213.607,-65.6273"/>
 </g>
 <!-- node1_vmbr0&#45;&#45;vm101 -->
 <g id="edge2" class="edge"><title>node1_vmbr0:tap100i0&#45;&#45;vm101:ens18</title>
-<path fill="none" stroke="black" d="M116.169,-187.627C116.169,-187.627 261.169,-113.627 261.169,-113.627"/>
+<path fill="none" stroke="white" d="M106.607,-187.627C106.607,-187.627 261.607,-113.627 261.607,-113.627"/>
 </g>
 <!-- vm102 -->
 <g id="node6" class="node"><title>vm102</title>
-<polygon fill="#666666" stroke="none" points="417.169,-102.627 417.169,-112.627 447.169,-112.627 447.169,-102.627 417.169,-102.627"/>
-<text text-anchor="start" x="418.669" y="-105.727" font-family="monospace" font-size="8.00" fill="white">ens18</text>
-<polygon fill="#888888" stroke="none" points="387.169,-64.6273 387.169,-102.627 486.169,-102.627 486.169,-64.6273 387.169,-64.6273"/>
-<text text-anchor="start" x="413.169" y="-87.4273" font-family="Times,serif" font-size="14.00" fill="white">VM 101</text>
-<text text-anchor="start" x="391.169" y="-72.0273" font-family="monospace" font-size="12.00" fill="white">203.0.113.20</text>
-<polygon fill="none" stroke="#666666" stroke-width="2" points="388.169,-65.6273 388.169,-101.627 485.169,-101.627 485.169,-65.6273 388.169,-65.6273"/>
+<polygon fill="#666666" stroke="none" points="420.107,-102.627 420.107,-112.627 450.107,-112.627 450.107,-102.627 420.107,-102.627"/>
+<text text-anchor="start" x="423.607" y="-105.727" font-family="Courier,monospace" font-size="8.00" fill="white">ens18</text>
+<polygon fill="#ff9100" stroke="none" points="385.607,-64.6273 385.607,-102.627 498.607,-102.627 498.607,-64.6273 385.607,-64.6273"/>
+<text text-anchor="start" x="418.107" y="-87.4273" font-family="Helvetica,sans-Serif" font-size="14.00" fill="white">VM 101</text>
+<text text-anchor="start" x="396.607" y="-72.0273" font-family="Courier,monospace" font-size="12.00" fill="white">203.0.113.20</text>
+<polygon fill="none" stroke="#666666" stroke-width="2" points="386.607,-65.6273 386.607,-101.627 497.607,-101.627 497.607,-65.6273 386.607,-65.6273"/>
 </g>
 <!-- node1_vmbr0&#45;&#45;vm102 -->
 <g id="edge3" class="edge"><title>node1_vmbr0:tap100i0&#45;&#45;vm102:ens18</title>
-<path fill="none" stroke="black" d="M116.169,-187.627C116.169,-187.627 432.169,-113.627 432.169,-113.627"/>
+<path fill="none" stroke="white" d="M106.607,-187.627C106.607,-187.627 434.607,-113.627 434.607,-113.627"/>
 </g>
 </g>
 </svg>
diff --git a/images/default-network-setup-routed.tt b/images/default-network-setup-routed.tt
index 55b7269..b99f54b 100644
--- a/images/default-network-setup-routed.tt
+++ b/images/default-network-setup-routed.tt
@@ -2,8 +2,9 @@
 
 graph default_network_setup_routed {
     splines=line
+    fontname="Helvetica"
     node [shape=record];
-    edge [];
+    edge [color="#FF9100"]
 
     size="8.0,5.0!"
     ratio=fill
@@ -11,7 +12,12 @@ graph default_network_setup_routed {
 [% server(id="gateway" title="Provider Gateway" subtitle="198.51.100.1") %]
 
     subgraph cluster_node1 {
-        label="Node: proxmox" labeljust=l labelloc=b
+        label="Node: proxmox" labelloc=b
+	style="rounded,filled"
+	color="#00617F"
+	fillcolor="#00617F"
+	fontcolor="white"
+	edge [color=white]
 
 	[% interface(id="node1_eno0" ifname="eno0" cidr="198.51.100.5/29") %]
 
@@ -34,5 +40,5 @@ graph default_network_setup_routed {
 
     gateway -- node1_eno0:eno0
 
-    node1_vmbr0 --  node1_eno0 [ color=red constraint=0 label="ip_forward=1\nproxy_arp=1"]
+    node1_vmbr0 --  node1_eno0 [ fontname="Courier" fontcolor=white color=red constraint=0 label="ip_forward = 1\rproxy_arp = 1\r"]
 }
\ No newline at end of file
diff --git a/images/pve_network_templates.tt b/images/pve_network_templates.tt
index 9f061f6..df442b5 100644
--- a/images/pve_network_templates.tt
+++ b/images/pve_network_templates.tt
@@ -3,7 +3,7 @@
   <tr>
     <td fixedsize='TRUE' width='15' height='10'></td>
     [% FOREACH p IN draw_ports %]
-    <td port='[% p %]' fixedsize='TRUE' width='[% p.length*5+5 %]' height='10' BGCOLOR="#666666"><font face='monospace' point-size='8' color='white'>[% p %]</font></td>
+    <td port='[% p %]' fixedsize='TRUE' width='[% p.length*5+5 %]' height='10' BGCOLOR="#666666"><font face='Courier' point-size='8' color='white'>[% p %]</font></td>
     <td fixedsize='TRUE' width='1' height='10'></td>
     [% END %]
     <td fixedsize='TRUE' width='15' height='10'></td>
@@ -19,10 +19,10 @@
 	    [% IF top_ports %]
 	    <tr><td>[% PROCESS switch_ports draw_ports=top_ports %]</td></tr>
 	    [% END %]
-	    <tr><td><table color='green' BGCOLOR="lightgreen" border='2' cellspacing='2' cellpadding='0' cellborder='0' style='rounded'>	
-              <tr><td width='10'></td><td>[% title %]</td><td width='10'></td></tr>
+	    <tr><td><table color='#666666' BGCOLOR="#ABBABA" border='2' cellspacing='2' cellpadding='0' cellborder='0' style='rounded'>	
+              <tr><td width='10'></td><td><font  color='white' face='Helvetica'>[% title %]</font></td><td width='10'></td></tr>
 	      [% IF subtitle %]
-              <tr><td width='10'></td><td><font face='monospace' point-size='12'>[% subtitle %]</font></td><td width='10'></td></tr>
+              <tr><td width='10'></td><td><font color='white' face='Courier' point-size='12'>[% subtitle %]</font></td><td width='10'></td></tr>
 	      [% END %]
 	    </table></td></tr>
 	    [% IF ports %]
@@ -41,10 +41,10 @@
 	    [% IF top_ports %]
 	    <tr><td>[% PROCESS switch_ports draw_ports=top_ports %]</td></tr>
 	    [% END %]
-	    <tr><td><table color='#666666' BGCOLOR="#888888" border='2' cellspacing='2' cellpadding='0' cellborder='0'>	
-              <tr><td><font color='white'>[% title %]</font></td></tr>
+	    <tr><td><table color='#666666' BGCOLOR="#FF9100" border='2' cellspacing='2' cellpadding='0' cellborder='0'>	
+              <tr><td width='5'></td><td><font face='Helvetica' color='white'>[% title %]</font></td><td width='5'></td></tr>
 	      [% IF subtitle %]
-              <tr><td><font face='monospace' color='white' point-size='12'>[% subtitle %]</font></td></tr>
+              <tr><td width='5'></td><td><font face='Courier' color='white' point-size='12'>[% subtitle %]</font></td><td width='5'></td></tr>
 	      [% END %]
  	    </table></td></tr>
 	    [% IF ports %]
@@ -63,7 +63,7 @@
 	    <tr><td>[% PROCESS switch_ports draw_ports=ifname %]</td></tr>
 	    [% IF cidr %]
 	    <tr><td><table color='green' BGCOLOR="lightgreen" border='2' cellspacing='2' cellpadding='0' cellborder='0' style='rounded'>
-              <tr><td width='10'></td><td><font face='monospace' point-size='12'>[% cidr %]</font></td><td width='10'></td></tr>
+              <tr><td width='10'></td><td><font face='Courier' point-size='12'>[% cidr %]</font></td><td width='10'></td></tr>
 	    </table></td></tr>
 	    [% END %]
 	  </table>>