diff --git a/html/force-big.css b/html/force-big.css
index ad4d0d8..c3647a5 100644
--- a/html/force-big.css
+++ b/html/force-big.css
@@ -56,3 +56,8 @@
 #sidebar {
   color: #ddd;
 }
+
+#sidebar text {
+  fill: #ddd;
+  font-size: 0.8em;
+}
diff --git a/html/force-light.css b/html/force-light.css
index af03287..104ce07 100644
--- a/html/force-light.css
+++ b/html/force-light.css
@@ -63,3 +63,8 @@
 #sidebar {
   color: #777;
 }
+
+#sidebar text {
+  fill: #777;
+  font-size: 0.8em;
+}
diff --git a/html/nodes.html b/html/nodes.html
index 7129d27..983765c 100644
--- a/html/nodes.html
+++ b/html/nodes.html
@@ -55,6 +55,19 @@
               </svg>
               <label>VPN-Link</label>
             </li>
+            <li><svg width=140 height=25 class="link vpn">
+              <defs>
+                <linearGradient id="linkgrad" x1="0%" y1="0%" x2="100%" y2="0%">
+                  <stop offset="0%" stop-color="#0a3" />
+                  <stop offset="50%" stop-color="orange" />
+                  <stop offset="100%" stop-color="red" />
+                </linearGradient>
+              </defs>
+                <rect x="18" y="12" width="88" height="6" fill="url(#linkgrad)"/>
+                <text text-anchor="middle" y=8 x=18>gut</text>
+                <text text-anchor="middle" y=8 x=106>schlecht</text>
+              </svg>
+            </li>
             <li><svg width=30 height=20 class="node uplinks">
                 <g transform="translate(12,28)">
                   <line x1="2" y1="10" x2="28" y2="10" stroke="#000"/>