0.5.52

docs/index-ref.json

@@ -1,3 +1,3 @@
 {
-    "appref": "v0.5.37"
+    "appref": "v0.5.51"
 }

libs/core/basic.cpp

@@ -4,7 +4,7 @@
 /**
  * Provides access to basic micro:bit functionality.
  */
-//% color=#0078D7 weight=100
+//% color=#54C9C9 weight=100
 namespace basic {
     /**
     * Sets the color on the build-in LED. Set to 0 to turn off.

libs/core/basic.ts

@@ -34,7 +34,7 @@ enum Colors {
 /**
  * Provides access to basic micro:bit functionality.
  */
-//% color=#0078D7 weight=100
+//% color=#54C9C9 weight=100
 namespace basic {
     /**
      * Converts the color name to a number

libs/core/control.ts

@@ -1,7 +1,7 @@
 /**
 * Runtime and event utilities.
 */
-//% weight=1 color="#333333"
+//% weight=1 color="#42495F"
 //% advanced=true
 namespace control {
 

libs/core/input.cpp

@@ -108,7 +108,7 @@ enum class Gesture {
     SixG = MICROBIT_ACCELEROMETER_EVT_6G
 };
 
-//% color=300 weight=99
+//% color=#C90072 weight=99
 namespace input {
     /**
      * Do something when a button (``A``, ``B`` or both ``A+B``) is pressed

libs/core/input.ts

@@ -1,7 +1,7 @@
 /**
  * Events and data from sensors
  */
-//% color=#B4009E weight=99
+//% color=#C90072 weight=99
 namespace input {
     /**
      * Attaches code to run when the screen is facing up.

libs/core/led.cpp

@@ -8,7 +8,7 @@ enum class DisplayMode_ {
     // TODO DISPLAY_MODE_BLACK_AND_WHITE_LIGHT_SENSE
 };
 
-//% color=3 weight=35
+//% color=#8169E6 weight=35
 namespace led {
 
     /**

libs/core/led.ts

@@ -1,7 +1,7 @@
 /**
  * Control of the LED screen.
  */
-//% color=#5C2D91 weight=97
+//% color=#8169E6 weight=97
     namespace led {
 
     // what's the current high value

libs/core/motors.cpp

@@ -3,7 +3,7 @@
 /**
 * Blocks to control the onboard motors
 */
-//% weight=30
+//% color=#008272 weight=30
 namespace motors {
     /**
     * Controls the power sent to a single motor

libs/core/music.ts

@@ -125,7 +125,7 @@ enum BeatFraction {
 /**
  * Generation of music tones through pin ``P0``.
  */
-//% color=#D83B01 weight=98
+//% color=#DF4600 weight=98
 namespace music {
     let beatsPerMinute: number = 120;
 

libs/core/shims.d.ts

@@ -126,7 +126,7 @@ declare interface Image {
     /**
      * Provides access to basic micro:bit functionality.
      */
-    //% color=#0078D7 weight=100
+    //% color=#54C9C9 weight=100
 declare namespace basic {
 
     /**
@@ -218,7 +218,7 @@ declare namespace basic {
 
 
 
-    //% color=300 weight=99
+    //% color=#C90072 weight=99
 declare namespace input {
 
     /**
@@ -432,7 +432,7 @@ declare namespace control {
 
 
 
-    //% color=3 weight=35
+    //% color=#8169E6 weight=35
 declare namespace led {
 
     /**
@@ -513,7 +513,7 @@ declare namespace led {
     /**
      * Blocks to control the onboard motors
      */
-    //% weight=30
+    //% color=#008272 weight=30
 declare namespace motors {
 
     /**

package.json

@@ -1,6 +1,6 @@
 {
   "name": "pxt-calliope",
-  "version": "0.5.42",
+  "version": "0.5.52",
   "description": "calliope target for PXT",
   "keywords": [
     "JavaScript",
@@ -30,7 +30,7 @@
     "typescript": "^1.8.7"
   },
   "dependencies": {
-    "pxt-core": "0.5.18",
+    "pxt-core": "0.5.29",
     "less": "^2.6.0",
     "semantic-ui-less": "^2.2.4"
   }

pxtarget.json

@@ -219,8 +219,6 @@
     },
     "appTheme": {
         "accentColor": "#249899",
-        "downloadClass": "orange",
-        "invertedMenu": true,
         "defaultLocale": "de",
         "logoUrl": "https://calliope.cc/about",
         "logo": "./static/Calliopeminieditor.svg",
@@ -350,6 +348,9 @@
                 "browser": "*",
                 "path": "/static/mb/device/usb-windows-sendto.jpg"
             }
-        ]
+        ],
+        "invertedMenu": true,
+        "invertedToolbox": true,
+        "blocklyOptions": { }
     }
 }

theme/site/collections/menu.variables

@@ -1,3 +1,13 @@
 /*******************************
     User Variable Overrides
 *******************************/
+
+@invertedBackground: #525A67;
+@dropdownMenuDistance: 0px;
+
+/*******************************
+    PXT Theme Overrides
+*******************************/
+
+@mainMenuHeight: 5rem;
+@mainMenuMinHeight: (@itemVerticalPadding * 2) + 2em;

theme/site/elements/input.overrides

@@ -1,3 +1,15 @@
 /*******************************
          Site Overrides
 *******************************/
+
+.ui.inverted.input input {
+    background:#424852;
+    border-radius: 20px;
+    border: 0px !important;
+    padding: 0.2em !important;
+    padding-left: 0.6em !important;
+}
+
+.rtl .ui.inverted.input input {
+    padding-right: 0.6em !important;
+}

theme/site/globals/site.overrides

@@ -1,5 +1,3 @@
 /*******************************
          Site Overrides
 *******************************/
-
-@importGoogleFonts: false;

theme/site/globals/site.variables

@@ -1,19 +1,38 @@
 /*******************************
      User Global Variables
 *******************************/
-@importGoogleFonts: false;
+
+@importGoogleFonts: true;
+
+@fontName  : 'Roboto Mono';
+
+@emSize      : 14px;
+@fontSize    : 13px;
+
+/*-------------------
+    Site Colors
+--------------------*/
 
 @primaryColor: #3CB5B5;
 @secondaryColor: #43C9C9;
 
 @red:#E81123;
-@orange:#D78C01;
+@orange:#DF4600;
-@yellow:#EEDA47;
+@yellow:#F4C918;
 @green:#3FC863;
 @teal:#008272;
-@blue:#0078D7;
+@blue:#54C9C9;
-@violet:#CF0071;
+@violet:#C90072;
-@purple:#8073E5;
+@purple:#8169E6;
 @pink:#E2008C;
 @brown:#6B5B4C;
-@grey:#515B67;
+@grey:#42495F;
+
+@pageBackground      : #FDFDFA;
+
+
+/*******************************
+         PXT Overrides
+*******************************/
+
+@blocklyToolboxColor: #F6F4E6;

theme/style.less

@@ -1,2 +1,103 @@
 /* Import all components */
 @import 'semantic';
+@import 'themes/default/globals/site.variables';
+@import 'themes/pxt/globals/site.variables';
+@import 'site/globals/site.variables';
+
+/* Reference import */
+@import (reference) "semantic.less";
+
+.openproject {
+    background: #4ECC60 !important;
+}
+
+.blocks-menuitem, .javascript-menuitem {
+    background: #738791 !important;
+}
+
+.help-dropdown-menuitem, .more-dropdown-menuitem {
+    background: #424955 !important;
+    margin-right:0px !important;
+}
+
+.play-button {
+    &:extend(.ui all);
+    &:extend(.button all);
+    &:extend(.blue all);
+}
+
+.download-button {
+    &:extend(.ui all);
+    &:extend(.button all);
+    &:extend(.yellow all);
+}
+
+/*******************************
+             Blockly
+*******************************/
+
+.blocklyTreeRow {
+    border-radius:5px;
+}
+
+/* This removes any padding at the top of the toolbox */
+.blocklyTreeRoot {
+    padding: 0px !important;
+}
+
+/* Blockly Text */
+.blocklyTreeLabel {
+    font-family: @pageFont !important;
+}
+
+.blocklyTreeLabel {
+    font-size:1rem !important;
+}
+
+.blocklyFlyoutBackground {
+    fill: @grey;
+}
+
+.blocklyToolboxDiv {
+    /*left:30px !important;*/
+    padding:7px;
+}
+
+
+/* Mobile */
+@media only screen and (max-width: @largestMobileScreen) {
+    .blocklyTreeLabel {
+        font-size: 0.5rem !important;
+    }
+}
+
+/* Tablet */
+@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
+
+}
+
+/* Small Monitor */
+@media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) {
+    .blocklyTreeRow {
+        width: 230px;
+    }
+}
+
+/* Large Monitor */
+@media only screen and (min-width: @largeMonitorBreakpoint) {
+    .blocklyTreeRow {
+        width: 230px;
+    }
+}
+
+/*******************************
+             Menu Bar
+*******************************/
+
+#menubar {
+    height: 5rem;
+}
+
+#fileNameInput {
+    width: 350px;
+}

theme/theme.config

@@ -91,7 +91,4 @@
 
 @fontPath  : 'fonts';
 
-@headerFont        : 'Segoe UI', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-@pageFont          : 'Segoe UI', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-
 /* End Config */