Initial target repo setup to move to master (v3.10)

theme/blockly-toolbox.less

@@ -0,0 +1,47 @@
+
+/*******************************
+        Blockly toolbox
+*******************************/
+
+div.blocklyTreeRow {
+    box-shadow: inset 0 -1px 0 0 #ecf0f1;
+
+    margin-bottom: 0px !important;
+
+    -webkit-transition-property: background-color; /* Safari */
+    -webkit-transition-duration: 1s; /* Safari */
+    transition-property: background-color;
+    transition-duration: 1s;
+}
+
+/* Blockly toolbox font size same as the page font */
+span.blocklyTreeLabel {
+    font-family: @pageFont !important;
+    font-weight: 200;
+}
+
+.blocklyToolboxDiv, .monacoToolboxDiv {
+    background-color: white !important;
+    border-left: 1px solid #ecf0f1 !important;
+    box-shadow: 4px 0px 2px -4px rgba(0,0,0,0.12), 4px 0px 2px -4px rgba(0,0,0,0.24);
+}
+
+/* Mobile */
+@media only screen and (max-width: @largestMobileScreen) {
+    .blocklyToolboxDiv, .monacoToolboxDiv {
+        border-left: 0 !important;
+    }
+    div.blocklyTreeRoot {
+        padding: 0;
+    }
+}
+
+/* Tablet */
+@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
+    .blocklyToolboxDiv, .monacoToolboxDiv {
+        border-left: 0 !important;
+    }
+    div.blocklyTreeRoot {
+        padding: 0;
+    }
+}

theme/blockly.less

@@ -4,44 +4,12 @@
 
 @import 'blockly-core';
 
-/* Reference import */
-@import (reference) "semantic.less";
-
 /*******************************
-             Blockly
+        Blockly CSS
 *******************************/
 
-div.blocklyTreeRow {
-    box-shadow: inset 0 -1px 0 0 #ecf0f1;
-
-    margin-bottom: 0px !important;
-
-    -webkit-transition-property: background-color; /* Safari */
-    -webkit-transition-duration: 1s; /* Safari */
-    transition-property: background-color;
-    transition-duration: 1s;
-}
-
-/* Blockly toolbox font size same as the page font */
-span.blocklyTreeLabel {
-    font-family: @pageFont !important;
-    font-weight: 200;
-}
-
-.blocklyToolboxDiv, .monacoToolboxDiv {
-    background-color: white !important;
-    border-left: 1px solid #ecf0f1 !important;
-    box-shadow: 4px 0px 2px -4px rgba(0,0,0,0.12), 4px 0px 2px -4px rgba(0,0,0,0.24);
-}
-
-.blocklyFlyoutBackground {
-    fill: #525A67 !important;
-}
-
-/* Remove shadow around blockly blocks */
-.blocklyPathDark, .blocklyPathLight {
-    display: none;
-}
+/* Reference import */
+@import (reference) "semantic.less";
 
 /* Blockly Field: Grid picker */
 .blocklyGridPickerTooltip {
@@ -50,24 +18,4 @@ span.blocklyTreeLabel {
     border: black solid 3px;
     color: black;
     border-radius: 10px;
-}
-
-/* Mobile */
-@media only screen and (max-width: @largestMobileScreen) {
-    .blocklyToolboxDiv, .monacoToolboxDiv {
-        border-left: 0 !important;
-    }
-    div.blocklyTreeRoot {
-        padding: 0;
-    }
-}
-
-/* Tablet */
-@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
-    .blocklyToolboxDiv, .monacoToolboxDiv {
-        border-left: 0 !important;
-    }
-    div.blocklyTreeRoot {
-        padding: 0;
-    }
 }

theme/site/globals/site.variables

@@ -68,6 +68,16 @@
 @blocklyToolboxColor: rgba(0, 0, 0, 0.05);
 @trashIconColor: @primaryColor;
 
+
+/*-------------------
+   Flyout
+--------------------*/
+
+@flyoutLabelColor: white;
+@blocklyFlyoutColor: #3B3C3D;
+@blocklyFlyoutColorOpacity: 1.0;
+@monacoFlyoutColor: rgba(59, 60, 61, 1.0);
+
 /*-------------------
    Serial
 --------------------*/

theme/style.less

@@ -1,6 +1,7 @@
 /* Import all components */
 @import 'pxtsemantic';
 @import 'pxt';
+@import 'blockly-toolbox';
 @import 'themes/default/globals/site.variables';
 @import 'themes/pxt/globals/site.variables';
 @import 'site/globals/site.variables';
@@ -53,10 +54,6 @@
     background: transparent !important;
 }
 
-.organization {
-    top: 1.6em;
-}
-
 /*******************************
              Monaco
 *******************************/
@@ -66,10 +63,6 @@
     border: solid 3px #ecf0f1;
 }
 
-.monacoFlyout {
-    background: rgba(82, 90, 103, 0.5);
-}
-
 
 /* Mobile */
 @media only screen and (max-width: @largestMobileScreen) {