Some UI theming. square buttons

This commit is contained in:
Sam El-Husseini 2017-12-15 08:55:21 -08:00
parent 13f8659b98
commit 5780d1982c
6 changed files with 17 additions and 8 deletions

View File

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

View File

@ -2,4 +2,6 @@
User Variable Overrides
*******************************/
@invertedItemTextColor: @white;
@invertedItemTextColor: @white;
@border: none;

View File

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

View File

@ -3,4 +3,6 @@
*******************************/
@invertedItemTextColor: @primaryColor;
@transparentInvertedColor: @primaryColor;
@transparentInvertedColor: @primaryColor;
@borderRadius: 0px;

View File

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

View File

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