From 280b555f86c82017f2d7df0adafce1797103a448 Mon Sep 17 00:00:00 2001 From: Sam El-Husseini Date: Thu, 1 Dec 2016 18:35:10 -0800 Subject: [PATCH] Theming the microbit target --- docs/static/Microsoft-logo_rgb_c-white.png | Bin 0 -> 12350 bytes pxtarget.json | 17 +++- theme/site/collections/menu.variables | 9 ++ theme/site/globals/site.variables | 34 +++++++- theme/style.less | 93 ++++++++++++++++++++- theme/theme.config | 6 +- 6 files changed, 150 insertions(+), 9 deletions(-) create mode 100644 docs/static/Microsoft-logo_rgb_c-white.png diff --git a/docs/static/Microsoft-logo_rgb_c-white.png b/docs/static/Microsoft-logo_rgb_c-white.png new file mode 100644 index 0000000000000000000000000000000000000000..e0a49fdb57be4b7e22d974e8e37171a47fa2fd0f GIT binary patch literal 12350 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

7_RvbKcwsFBKroa5w` z;j99Uo9p%53I^$KA1@e)Pl+66>{|Ph(xvZ)6(!!L^xllyyY>!9QiHt7w zsqj{>6F>6}sOUA*RmIpunG}Ad9$#r%%l)PSIe+SzR=etI4uw6};9M(SlyLW;ef;9D zWRR)fLaQNdv2;F&{)N|M0vkn>LB?tBQt3-VZJx0dLngA7oU@-fO%BJpN$Eg7?9rkN z@s8Whr~REggR+q6;(@&W;UwNeVz$m@m*dU$+Bc3lkFXD17ZdE`XV!OIFLrg$&1T7Z zADw==;DZk#$>D#zYy5wH8TNnSBJ=-`{QvQO_y0AqSRUP`(N3t|p@KbxuDSC#-`911 zX5wrvWA?%vdcZ`5MI;1;#RNq~v_-^Z0C5>ni5tQqGQz@KexBa{1AwjlGb;;^|2crh T-}>(m08H_|s(kKUWB>mK4yDiA literal 0 HcmV?d00001 diff --git a/pxtarget.json b/pxtarget.json index cf55e6ca..1ad4ad50 100644 --- a/pxtarget.json +++ b/pxtarget.json @@ -173,15 +173,16 @@ "appTheme": { "accentColor": "#5C005C", "logoUrl": "http://microbit.org/", - "logo": "./static/logo.portrait.black.svg", + "logo": "./static/logo.portrait.white.svg", "docsLogo": "./static/logo.square.white.svg", - "portraitLogo": "./static/logo.square.black.svg", + "portraitLogo": "./static/logo.square.white.svg", "footerLogo": "./static/logo.portrait.black.svg", "cardLogo": "./static/icons/apple-touch-icon.png", "appLogo": "./static/icons/apple-touch-icon.png", "organization": "Microsoft", "organizationUrl": "https://pxt.io/", "organizationLogo": "./static/Microsoft-logo_rgb_c-gray.png", + "organizationWideLogo": "./static/Microsoft-logo_rgb_c-white.png", "homeUrl": "https://pxt.microbit.org/", "embedUrl": "https://pxt.microbit.org/", "privacyUrl": "https://go.microsoft.com/fwlink/?LinkId=521839", @@ -311,6 +312,16 @@ "browser": "*", "path": "/static/mb/device/usb-windows-sendto.jpg" } - ] + ], + "invertedMenu": true, + "coloredToolbox": true, + "blocklyOptions": { + "grid": { + "spacing": 45, + "length": 7, + "colour": "rgba(189, 195, 199, 0.30)", + "snap": false + } + } } } \ No newline at end of file diff --git a/theme/site/collections/menu.variables b/theme/site/collections/menu.variables index 6f085f93..11754c25 100755 --- a/theme/site/collections/menu.variables +++ b/theme/site/collections/menu.variables @@ -1,3 +1,12 @@ /******************************* User Variable Overrides *******************************/ + +@invertedBackground: #525A67; + +/******************************* + PXT Theme Overrides +*******************************/ + +@mainMenuHeight: 5rem; +@mainMenuMinHeight: (@itemVerticalPadding * 2) + 2em; diff --git a/theme/site/globals/site.variables b/theme/site/globals/site.variables index 3b5dc7de..d2b9916c 100755 --- a/theme/site/globals/site.variables +++ b/theme/site/globals/site.variables @@ -1,3 +1,35 @@ /******************************* User Global Variables -*******************************/ \ No newline at end of file +*******************************/ + +@importGoogleFonts: true; + +@fontName : 'Roboto'; + +@emSize : 14px; +@fontSize : 13px; + +@primaryColor: @teal; + +@teal: #3891A6; +@blue: #456990; +@red: #EF767A; +@pink: #F46197; +@yellow: #FDE74C; + +/* Microbit.org colors */ +@orange: #ff8b27; +@purple: #6633cc; +@green: #00ED00; + +@pageBackground: #fff; + +/******************************* + PXT Overrides +*******************************/ + +@mainMenuHeight: 5rem; +@mobileMenuHeight: 5rem; + +@simulatorBackground: #FDFDFF; +@blocklySvgColor: #ecf0f1; \ No newline at end of file diff --git a/theme/style.less b/theme/style.less index 27b8b24f..1765db97 100644 --- a/theme/style.less +++ b/theme/style.less @@ -13,7 +13,94 @@ *******************************/ .download-button { - &:extend(.ui all); - &:extend(.button all); + &:extend(.ui.button all); + &:extend(.purple all); +} + +.download-button.download-button-full { + &:extend(.ui.inverted.button all); + &:extend(.purple all); +} + +.download-button:hover { &:extend(.green all); -} \ No newline at end of file + color: black !important; +} + +.getting-started-btn { + &:extend(.ui.button all); + &:extend(.orange all); +} + +#filelist { + background: #fff url(https://az742082.vo.msecnd.net/pub/psopafpj) 0 0 repeat !important; +} + +/******************************* + Blockly +*******************************/ + +.blocklyTreeRow { + border-bottom: 1px solid #ecf0f1; + margin-bottom: 0px; +} + +.blocklyTreeSelected { + background-color: #1B1C1D !important; +} + +/* Blockly toolbox font size same as the page font */ +.blocklyTreeLabel { + font-family: @pageFont !important; + font-weight: 200; +} + +.blocklyToolboxDiv { + /*padding:5px; */ + background-color: white; +} + +.blocklyFlyoutBackground { + fill: #525A67; +} + +/* Remove shadow around blockly blocks */ +.blocklyPathDark, .blocklyPathLight { + display: none; +} + +.organization { + top: 1.6em; +} + +/* Mobile */ +@media only screen and (max-width: @largestMobileScreen) { + #filelist { + background: transparent !important; + } + .organization { + top: auto; + } +} + +/* Tablet */ +@media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) { + .organization { + top: auto; + } +} + +/* Small Monitor */ +@media only screen and (min-width: @computerBreakpoint) and (max-width: @largestSmallMonitor) { + .organization { + top: auto; + } +} + +/* Large Monitor */ +@media only screen and (min-width: @largeMonitorBreakpoint) { + .blocklyTreeRow { + width: 230px; + padding-left: 1rem; + } +} diff --git a/theme/theme.config b/theme/theme.config index 504b1d10..9ce10fd1 100644 --- a/theme/theme.config +++ b/theme/theme.config @@ -32,7 +32,7 @@ @input : 'pxt'; @label : 'pxt'; @list : 'pxt'; -@loader : 'pxt'; +@loader : 'pulsar'; @rail : 'pxt'; @reveal : 'pxt'; @segment : 'pxt'; @@ -41,7 +41,7 @@ /* Collections */ @breadcrumb : 'default'; @form : 'default'; -@grid : 'default'; +@grid : 'pxt'; @menu : 'pxt'; @message : 'default'; @table : 'default'; @@ -91,7 +91,9 @@ @fontPath : 'fonts'; +/* @headerFont : 'Segoe UI', 'Helvetica Neue', Arial, Helvetica, sans-serif; @pageFont : 'Segoe UI', 'Helvetica Neue', Arial, Helvetica, sans-serif; +*/ /* End Config */