diff --git a/resources/WebContent/css/main.css b/resources/WebContent/css/main.css
index f2b4ee1..1f3c40b 100644
--- a/resources/WebContent/css/main.css
+++ b/resources/WebContent/css/main.css
@@ -54,3 +54,13 @@ body{
 	height: 35px;
 	background-color: #f5f5f5;
 }
+
+.red{
+	color: #a94442;
+}
+.green{
+	color: #3c763d;
+}
+.yellow{
+	color: #8a6d3b;
+}
\ No newline at end of file
diff --git a/src/wa/server/plugin/hwstatus/NetStatus.tmpl b/src/wa/server/plugin/hwstatus/NetStatus.tmpl
index 40993f5..9bee19b 100644
--- a/src/wa/server/plugin/hwstatus/NetStatus.tmpl
+++ b/src/wa/server/plugin/hwstatus/NetStatus.tmpl
@@ -103,7 +103,7 @@ function updateNet(){
             $(element).find(".net-total-tx").html(byteToString(net.total_tx));
             $(element).find(".net-dropped").html(net.dropped);
             $(element).find(".net-error").html(net.error);
-            $(element).find(".net-up").html( (net.up ? "UP" : "DOWN") );
+            $(element).find(".net-up").html( (net.up ? "<b class='green'>UP</b>" : "<b class='red'>DOWN</b>") );
             $(element).find(".net-ip").html(net.ip);
             $(element).find(".net-netmask").html(net.netmask);
             $(element).find(".net-mac").html(net.mac);