Initial sim implementation

theme/blockly.less

@@ -4,6 +4,20 @@
 
 @import 'blockly-core';
 
+/* Toolbox icons */
+
+/* Fonts for toolbox icons */
+@font-face {
+    font-family: 'legoIcons';
+    src: data-uri("../docs/static/fonts/icons/iconfont.woff2");
+}
+
+.blocklyFlyoutLabel:not(.blocklyFlyoutHeading) .blocklyFlyoutLabelIcon {
+    font-family: 'legoIcons';
+    fill: white;
+    font-size: 1.7rem;
+}
+
 /* Toolbox padding */
 .blocklyToolboxDiv, .monacoToolboxDiv {
     padding: 0.5rem;

theme/site/collections/menu.variables

@@ -4,4 +4,5 @@
 
 @invertedItemTextColor: @white;
 
-@border: none;
+@border: none;
+@boxShadow: none;

theme/site/globals/site.variables

@@ -88,6 +88,9 @@
 
 @pageBackground: #fff;
 
+
+@inputPlaceholderColor: lighten(@inputColor, 80);
+
 /*******************************
          PXT Overrides
 *******************************/
@@ -117,8 +120,8 @@
    Background
 --------------------*/
 
-@simulatorBackground: #fcfbfa;
-@editorToolsBackground: #fcfbfa;
+@simulatorBackground: #fff; /*#fcfbfa; */
+@editorToolsBackground: #fff; /*#fcfbfa; */
 @blocklySvgColor: #ecf6fe;
 
 @homeScreenBackground: #EAEEEF;

theme/style.less

@@ -89,10 +89,16 @@
 
 /* Small Monitor */
 @media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
+    #filelist, #downloadArea {
+        border-top: 2px solid #ECF6FF;
+    }
 }
 
 /* Large Monitor */
 @media only screen and (min-width: @largeMonitorBreakpoint) {
+    #filelist, #downloadArea {
+        border-top: 2px solid #ECF6FF;
+    }
 }
 /* Mobile, Tablet AND thin screen */
 @media only screen and (max-width: @largestTabletScreen) and (max-height: @thinEditorBreakpoint) {