better colors
diff --git a/web/ons-demo/css/skin.default.css b/web/ons-demo/css/skin.default.css
index 807aa4c..ea8d0b9 100644
--- a/web/ons-demo/css/skin.default.css
+++ b/web/ons-demo/css/skin.default.css
@@ -94,68 +94,89 @@
visibility: hidden
}
-.color1, .color2, .color3, .color4, .color5, .color6, .color7, .color8, .color9, .color10, .color11, .color12 {
- fill: rgba(255, 255, 255, .15);
- background-color: rgba(255, 255, 255, .15);
+.color1-selected .color1,
+.color2-selected .color2,
+.color3-selected .color3,
+.color4-selected .color4,
+.color5-selected .color5,
+.color6-selected .color6,
+.color7-selected .color7,
+.color8-selected .color8,
+.color9-selected .color9,
+.color10-selected .color10,
+.color11-selected .color11,
+.color12-selected .color12 {
+ opacity: 1;
}
-
-.color1-selected .color1 {
+.color1 {
+ opacity: .35;
fill: #EC0033;
background-color: #EC0033;
}
-.color2-selected .color2 {
+.color2 {
+ opacity: .35;
fill: #FFBA00;
background-color: #FFBA00;
}
-.color3-selected .color3 {
+.color3 {
+ opacity: .35;
fill: #3714B0;
background-color: #3714B0;
}
-.color4-selected .color4 {
+.color4 {
+ opacity: .35;
fill: #B12C49;
background-color: #B12C49;
}
-.color5-selected .color5 {
+.color5 {
+ opacity: .35;
fill: #402C84;
background-color: #402C84;
}
-.color6-selected .color6 {
+.color6 {
+ opacity: .35;
fill: #990021;
background-color: #990021;
}
-.color7-selected .color7 {
+.color7 {
+ opacity: .35;
fill: #990021;
background-color: ;
}
-.color8-selected .color8 {
+.color8 {
+ opacity: .35;
fill: #A67900;
background-color: #A67900;
}
-.color9-selected .color9 {
+.color9 {
+ opacity: .35;
fill: #F53D65;
background-color: #F53D65;
}
-.color10-selected .color10 {
+.color10 {
+ opacity: .35;
fill: #1F0772;
background-color: #1F0772;
}
-.color11-selected .color11 {
+.color11 {
+ opacity: .35;
fill: #F56E8B;
background-color: #F56E8B;
}
-.color12-selected .color12 {
+.color12 {
+ opacity: .35;
fill: #6949D7;
background-color: #6949D7;
}