diff --git a/web/ons-demo/css/skin.default.css b/web/ons-demo/css/skin.default.css
index c81acb8..a04b0e0 100644
--- a/web/ons-demo/css/skin.default.css
+++ b/web/ons-demo/css/skin.default.css
@@ -8,23 +8,34 @@
 
 .status {
 	padding: 1em;
-	border-right: 1px solid white;
 }
 
+
 .status:last-child {
 	border-right: none;
 }
 
 .status .static {
-	color: white;
+	color: #AAA;
 	padding: .25em;
 }
 
 .status .dynamic {
-	color: blue;
+	color: #FFF;
 	padding: .25em;
 }
 
+.status.bottom {
+	position: absolute;
+	bottom: 0px;
+	right: 0px;
+	font-size: 8px;
+}
+
+#status.top span {
+	font-size: 24px;
+}
+
 .button {
 	padding: 1em;
 	background-color: lightgray;
@@ -110,79 +121,80 @@
 }
 
 .color0 {
-	opacity: .25;
-	fill: #444;
-	background-color: #444;
+	opacity: .2;
+	fill: #222;
+	background-color: #222;
+	color: #444;
 }
 
 .color1 {
-	opacity: .25;
+	opacity: .2;
 	fill: #EC0033;
 	background-color: #EC0033;
 }
 
 .color2 {
-	opacity: .25;
+	opacity: .2;
 	fill: #FFBA00;
 	background-color: #FFBA00;
 }
 
 .color3 {
-	opacity: .25;
+	opacity: .2;
 	fill: #3714B0;
 	background-color: #3714B0;
 }
 
 .color4 {
-	opacity: .25;
+	opacity: .2;
 	fill: #B12C49;
 	background-color: #B12C49;
 }
 
 .color5 {
-	opacity: .25;
+	opacity: .2;
 	fill: #402C84;
 	background-color: #402C84;
 }
 
 .color6 {
-	opacity: .25;
+	opacity: .2;
 	fill: #990021;
 	background-color: #990021;
 }
 
 .color7 {
-	opacity: .25;
+	opacity: .2;
 	fill: #990021;
 	background-color: ;
 }
 
 .color8 {
-	opacity: .25;
+	opacity: .2;
 	fill: #A67900;
 	background-color: #A67900;
 }
 
 .color9 {
-	opacity: .25;
+	opacity: .2;
 	fill: #F53D65;
 	background-color: #F53D65;
 }
 
 .color10 {
-	opacity: .25;
+	opacity: .2;
 	fill: #1F0772;
 	background-color: #1F0772;
 }
 
 .color11 {
-	opacity: .25;
+	opacity: .2;
 	fill: #F56E8B;
 	background-color: #F56E8B;
 }
 
 .color12 {
-	opacity: .25;
+	opacity: .2;
 	fill: #6949D7;
 	background-color: #6949D7;
 }