Merge pull request #99 from Microsoft/ui_changes

Some UI theming. square buttons

theme/blockly.less

@@ -7,9 +7,9 @@
 /* Toolbox padding */
 .blocklyToolboxDiv, .monacoToolboxDiv {
     padding: 0.5rem;
-    box-shadow: inset 0px 0px 0px 2px #D3A805;
+    /*box-shadow: inset 0px 0px 0px 2px #D3A805;
     border-bottom-left-radius: 3px;
-    border-bottom-right-radius: 3px;
+    border-bottom-right-radius: 3px;*/
 }
 
 div.blocklyTreeRow {

theme/site/collections/menu.variables

@@ -2,4 +2,6 @@
     User Variable Overrides
 *******************************/
 
-@invertedItemTextColor: @white;
+@invertedItemTextColor: @white;
+
+@border: none;

theme/site/elements/button.variables

@@ -1,3 +1,5 @@
 /*******************************
     User Variable Overrides
 *******************************/
+
+@borderRadius: 0px;

theme/site/elements/input.variables

@@ -3,4 +3,6 @@
 *******************************/
 
 @invertedItemTextColor: @primaryColor;
-@transparentInvertedColor: @primaryColor;
+@transparentInvertedColor: @primaryColor;
+
+@borderRadius: 0px;

theme/site/globals/site.variables

@@ -22,7 +22,7 @@
 
 /* Lego colors */
 @red: @brightRed;
-@blue: #00a5c8; /*#008ad2;*/
+@blue: #1AA5C6; /*#008ad2;*/
 @yellow: #fccd00;
 @orange: #fa7f2a;
 @green: @brightYellowishGreen;
@@ -92,11 +92,13 @@
          PXT Overrides
 *******************************/
 
+/*@loaderImageUrl: "../docs/static/MC-LEGO-loader-eyes.gif";*/
+
 /*-------------------
    Menu
 --------------------*/
 
-@mainMenuBackground: #f4f7f9;
+@mainMenuBackground: #ffffff;
 @mainMenuInvertedBackground: @yellow;
 @mainMenuTutorialBackground: @orange;
 
@@ -117,7 +119,7 @@
 
 @simulatorBackground: #fcfbfa;
 @editorToolsBackground: #fcfbfa;
-@blocklySvgColor: #ecf6ff;
+@blocklySvgColor: #ecf6fe;
 
 @homeScreenBackground: #EAEEEF;
 

theme/style.less

@@ -44,7 +44,7 @@
 
 /* Menu bar colors */
 .menubar .ui.item {
-    color: #373737;
+    color: #4A4A4A;
 }
 .fullscreensim .menubar .ui.menu {
     box-shadow: none !important;
@@ -60,6 +60,7 @@
 .menubar .ui.menu.fixed .item.editor-menuitem .ui.grid {
     background: @blue !important;
     border-radius: 0px !important;
+    border: 2px solid @blue;
 }
 .menubar .ui.menu.fixed .ui.item.editor-menuitem .item:not(.active) {
     color: white;