P5-492 change colors on buttons and move canvas 3d image down

src/js/includes/3dHandler.js

@@ -94,6 +94,8 @@ function ThreeDHandler(canvas) {
      */
     this.setImage = function (img) {
         img.set({
+            // Image should be about 20px lower than the center (because of the buttons)
+            top: 20,
             originX: 'center',
             originY: 'center',
         });

src/js/includes/config/button-menu.js

@@ -9,8 +9,8 @@ module.exports = {
             activeFill: '#ffffff',
         },
         rect: {
-            fill: '#000000',
+            fill: '#343434',
-            activeFill: '#444444',
+            activeFill: '#494949',
             width: 100,
         },
     },
@@ -22,8 +22,8 @@ module.exports = {
             activeFill: '#ffffff',
         },
         rect: {
-            fill: '#000000',
+            fill: '#343434',
-            activeFill: '#444444',
+            activeFill: '#494949',
         },
     }
 

src/js/includes/config/text-button.js

@@ -4,8 +4,8 @@ module.exports = {
 
     rect: function(width, height) {
         return {
-            fill: '#000000',
+            fill: '#343434',
-            activeFill: '#444444',
+            activeFill: '#494949',
             originX: 'center',
             originY: 'center',
             width: width || 1,