Applying home screen UI changes (#378)

theme/site/collections/menu.overrides

@@ -7,7 +7,7 @@
     text-transform: uppercase;
 }
 
-#mainmenu {
+#mainmenu, #homemenu {
     background: @legoGreyLight;
     border-bottom: 5px solid #00a5c8;
 }

theme/site/globals/site.variables

@@ -27,7 +27,7 @@
 @orange: #fa7f2a;
 @green: @brightYellowishGreen;
 
-@legoGreyLight: #F4F1F4;
+@legoGreyLight: #F2F2F2;
 @legoGreyDark: #f4f7f9;
 
 @grey: @legoGreyLight;
@@ -131,7 +131,7 @@
 @editorToolsBackground: @legoGreyLight; /* #fff;*/ /* #fcfbfa; */
 @blocklySvgColor: #f9f9f9; /*#f2f6f8;*/ /*ecf6fe;*/ 
 
-@homeScreenBackground: #EAEEEF;
+@homeScreenBackground: #F2F2F2;
 
 /*-------------------
    Full screen

theme/style.less

@@ -7,6 +7,7 @@
 @import 'themes/default/collections/menu.variables';
 
 @import 'fieldeditors';
+@import 'target-home';
 
 /* Reference import */
 @import (reference) "semantic.less";

theme/target-home.less

@@ -0,0 +1,13 @@
+
+@import (reference) "home.less";
+
+#homemenu {
+
+    .left.menu {
+        margin-left: @carouselArrowSize;
+    }
+
+    .right.menu {
+        margin-right: @carouselArrowSize;
+    }
+}