c_meyer/pxt-ev3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #99 from Microsoft/ui_changes

Browse Source 
Some UI theming. square buttons
This commit is contained in:
Sam El-Husseini 2017-12-15 08:55:45 -08:00 committed by GitHub
commit 48fee2c215
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
6 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
theme/blockly.less
View File

@ -7,9 +7,9 @@
/* Toolbox padding */ /* Toolbox padding */
.blocklyToolboxDiv, .monacoToolboxDiv { .blocklyToolboxDiv, .monacoToolboxDiv {
padding: 0.5rem; 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-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;*/
} }
div.blocklyTreeRow { div.blocklyTreeRow {

2
theme/site/collections/menu.variables
View File

@ -3,3 +3,5 @@
*******************************/ *******************************/
@invertedItemTextColor: @white; @invertedItemTextColor: @white;
@border: none;

2
theme/site/elements/button.variables
View File

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

2
theme/site/elements/input.variables
View File

@ -4,3 +4,5 @@
@invertedItemTextColor: @primaryColor; @invertedItemTextColor: @primaryColor;
@transparentInvertedColor: @primaryColor; @transparentInvertedColor: @primaryColor;
@borderRadius: 0px;

8
theme/site/globals/site.variables
View File

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

3
theme/style.less
View File

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