update colours

Author: casperlamboo

src/constants/general.js

@@ -5,28 +5,35 @@ export const SHAPE_CACHE_LIMIT = 50;
 export const PIXEL_RATIO = 1.0;
 
 export const COLOR_STRING_TO_HEX = {
-  [contextTools.LIGHT_BLUE_A]: 0xbcffff,
-  [contextTools.LIGHT_BLUE_B]: 0x69e1fd,
-  [contextTools.LIGHT_BLUE_C]: 0x00b8ff,
-  [contextTools.DARK_BLUE_A]: 0xc8e2ff,
-  [contextTools.DARK_BLUE_B]: 0x7dacfc,
-  [contextTools.DARK_BLUE_C]: 0x0357ff,
-  [contextTools.PURPLE_A]: 0xefc9ff,
-  [contextTools.PURPLE_B]: 0xc57efc,
-  [contextTools.PURPLE_C]: 0x820ef9,
-  [contextTools.PINK_A]: 0xffc7ee,
-  [contextTools.PINK_B]: 0xfd7cc1,
-  [contextTools.PINK_C]: 0xfa047b,
-  [contextTools.RED_A]: 0xffcdce,
-  [contextTools.RED_B]: 0xfd898a,
-  [contextTools.RED_C]: 0xfd898a,
-  [contextTools.YELLOW_A]: 0xfffea0,
-  [contextTools.YELLOW_B]: 0xfffb39,
-  [contextTools.YELLOW_C]: 0xfdac05,
-  [contextTools.GREEN_A]: 0xdaffd4,
-  [contextTools.GREEN_B]: 0x97f194,
-  [contextTools.GREEN_C]: 0x31d22d,
-  [contextTools.BLACK_A]: 0xf4f4f4,
-  [contextTools.BLACK_B]: 0x7f7f7f,
-  [contextTools.BLACK_C]: 0x1f1f1f
+  [contextTools.LIGHT_BLUE_A]: 0xBCFFFF,
+  [contextTools.LIGHT_BLUE_B]: 0x68E1FD,
+  [contextTools.LIGHT_BLUE_C]: 0x01B8FF,
+
+  [contextTools.DARK_BLUE_A]: 0xC8E3FF,
+  [contextTools.DARK_BLUE_B]: 0x7DACFC,
+  [contextTools.DARK_BLUE_C]: 0x0256FF,
+
+  [contextTools.PURPLE_A]: 0xEFC9FF,
+  [contextTools.PURPLE_B]: 0xC57EFC,
+  [contextTools.PURPLE_C]: 0x820FF9,
+
+  [contextTools.PINK_A]: 0xFFC7EE,
+  [contextTools.PINK_B]: 0xFD7BC1,
+  [contextTools.PINK_C]: 0xFA047B,
+
+  [contextTools.RED_A]: 0xFFCDCE,
+  [contextTools.RED_B]: 0xFD898A,
+  [contextTools.RED_C]: 0xFF2600,
+
+  [contextTools.YELLOW_A]: 0xFFF76B,
+  [contextTools.YELLOW_B]: 0xFF9201,
+  [contextTools.YELLOW_C]: 0xAA7942,
+
+  [contextTools.GREEN_A]: 0xDAFFD5,
+  [contextTools.GREEN_B]: 0x97F294,
+  [contextTools.GREEN_C]: 0x00EA01,
+
+  [contextTools.BLACK_A]: 0xF4F4F4,
+  [contextTools.BLACK_B]: 0xAAAAAA,
+  [contextTools.BLACK_C]: 0x444444
 };

styles/styles.css

@@ -249,78 +249,37 @@
 	flex-wrap: wrap;
 }
 
-#color-light-blue-a {
-	fill: #bcffff;
-}
-#color-light-blue-b {
-	fill: #69e1fd;
-}
-#color-light-blue-c {
-	fill: #00b8ff;
-}
-#color-dark-blue-a {
-	fill: #c8e2ff;
-}
-#color-dark-blue-b {
-	fill: #7dacfc;
-}
-#color-dark-blue-c {
-	fill: #0357ff;
-}
-#color-purple-a {
-	fill: #efc9ff;
-}
-#color-purple-b {
-	fill: #c57efc;
-}
-#color-purple-c {
-	fill: #820ef9;
-}
-#color-pink-a {
-	fill: #ffc7ee;
-}
-#color-pink-b {
-	fill: #fd7cc1;
-}
-#color-pink-c {
-	fill: #fa047b;
-}
-#color-red-a {
-	fill: #ffcdce;
-}
-#color-red-b {
-	fill: #fd898a;
-}
-#color-red-c {
-	fill: #fd898a;
-}
-#color-yellow-a {
-	fill: #fffea0;
-}
-#color-yellow-b {
-	fill: #fffb39;
-}
-#color-yellow-c {
-	fill: #fdac05;
-}
-#color-green-a {
-	fill: #daffd4;
-}
-#color-green-b {
-	fill: #97f194;
-}
-#color-green-c {
-	fill: #31d22d;
-}
-#color-black-a {
-	fill: #f4f4f4;
-}
-#color-black-b {
-	fill: #7f7f7f;
-}
-#color-black-c {
-	fill: #1f1f1f;
-}
+#color-light-blue-a { fill: #BCFFFF; }
+#color-light-blue-b { fill: #68E1FD; }
+#color-light-blue-c { fill: #01B8FF; }
+
+#color-dark-blue-a { fill: #C8E3FF; }
+#color-dark-blue-b { fill: #7DACFC; }
+#color-dark-blue-c { fill: #0256FF; }
+
+#color-purple-a { fill: #EFC9FF; }
+#color-purple-b { fill: #C57EFC; }
+#color-purple-c { fill: #820FF9; }
+
+#color-pink-a { fill: #FFC7EE; }
+#color-pink-b { fill: #FD7BC1; }
+#color-pink-c { fill: #FA047B; }
+
+#color-red-a { fill: #FFCDCE; }
+#color-red-b { fill: #FD898A; }
+#color-red-c { fill: #FF2600; }
+
+#color-yellow-a { fill: #FFF76B; }
+#color-yellow-b { fill: #FF9201; }
+#color-yellow-c { fill: #AA7942; }
+
+#color-green-a { fill: #DAFFD5; }
+#color-green-b { fill: #97F294; }
+#color-green-c { fill: #00EA01; }
+
+#color-black-a { fill: #F4F4F4; }
+#color-black-b { fill: #AAAAAA; }
+#color-black-c { fill: #444444; }
 
 #color-hole-material {
 	fill: url(#holepattern);