pxt-ev3/theme/site/globals/site.variables

/*******************************
     User Global Variables
*******************************/

@fontName  : 'Open Sans';

@headerFont        : "Open Sans","Arial Narrow","Helvetica Neue",Helvetica,Arial,sans-serif;
@pageFont          : "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;

@emSize      : 14px;
@fontSize    : 13px;

@primaryColor: @blue;
@secondaryColor: @yellow;

@teal:#08415C;
@violet:#C200C0;
@brown:#2E282A;
@grey:#999;
@pink:#FB48C7;
@purple:#8073E5;

/* Lego colors */
@red: @brightRed;
@blue: #1AA5C6; /*#008ad2;*/
@yellow: #fccd00;
@orange: #fa7f2a;
@green: @brightYellowishGreen;

@legoGreyLight: #F2F2F2;
@legoGreyDark: #f4f7f9;

@grey: @legoGreyLight;

/* Lego official colors */

/* Solid */
@brightYellow: #FDB80C;
@brightOrange: #DF5014;
@brightRed: #D4000D;
@brightPurple: #D42878;
@brightBlue: #064597;
@brightGreen: #0F841C;
@brightYellowishGreen: #84AB0F;
@brightReddishViolet: #890058;

@mediumBlue: #3979B9;
@mediumLilac: #211063;
@mediumNougat: #996A44;

@darkBrown: #240D08;
@darkStoneGrey: #3B4044;
@darkOrange: #962E12;
@darkRed: #6C0815;
@darkGreen: #0C681F;
@earthBlue: #011C32;
@earthGreen: #032712;

@lightRoyalBlue: #75B3E4;
@lightPurple: #E88BB6;
@lightNougat: #F1B477;
@lightStoneGrey: #DDDED1;

@sandYellow: #7A6141;
@coolYellow: #FFFF88;
@flameYellowishOrange: #F0890A;

@reddishBrown: #48150C;
@nougat: #CB5F32;
@brickYellow: #D0AD68;

/* Effects */
@silver: #7A8284;
@warmGold: #996C23;
@metallicDarkGrey: #38302D;
@phosphorusGreen: #FEFBCC;

/* Transparent */
@transparentYellow: #F7EB58;
@transparentBrightOrange: #E5630F;
@transparentReddishOrange: #DF5338;
@transparentRed: #D61F1F;
@transparentReddishViolet: #E88BB6;
@transparentBrightBluishViolet: #8A83BA;
@transparentLightBlue: #A8D9E5;
@transparentBlue: #42A1E2;
@transparentFluorescentBlue: #C3DCF3;
@transparentGreen: #52A35B;
@transparentBrightGreen: #8AFF55;
@transparentFluorescentGreen: #F8E94B;
@transparentBrown: #957F6F;
@transparent: #EAEAEA;

@pageBackground: #fff;

@positiveColor: @blue;
@defaultBorderRadius: 0px;

@inputPlaceholderColor: lighten(@inputColor, 80);

/*******************************
         PXT Overrides
*******************************/

/*@loaderImageUrl: "../docs/static/MC-LEGO-loader-eyes.gif";*/

/*-------------------
   Menu
--------------------*/

@mainMenuBackground: @legoGreyLight;
@mainMenuInvertedBackground: #FFFFFF;
@mainMenuTutorialBackground: @orange;


@tutorialSelectedMenuColor: @blue;

/*-------------------
   Layout
--------------------*/

@sideBarWidth: 22rem;
@simulatorWidth: 24rem;
@simulatorWidthSmall: 20rem;

/*-------------------
   Background
--------------------*/

@simulatorBackground: #D6EDFF; /* #FFF */ /* #fcfbfa; */
@editorToolsBackground: @legoGreyLight; /* #fff;*/ /* #fcfbfa; */
@blocklySvgColor: #f9f9f9; /*#f2f6f8;*/ /*ecf6fe;*/ 

/*-------------------
   Full screen
--------------------*/

@fullscreenBackgroundGradientStart: #fff;
@fullscreenBackgroundGradientEnd: #fff;

/*-------------------
   Side Docs
--------------------*/

@sidedocsButtonsTop: (@mainMenuHeight + 1rem);
@sidedocsButtonsRight: 4.25rem;

/*-------------------
   Home screen
--------------------*/

@homeScreenBackground: #F2F2F2;
@homeCardBorderColor: #F2F2F2;

/*-------------------
   Editor
--------------------*/

@blocklyToolboxColor: #FFF; /*#FAC80A;*/
@trashIconColor: #FAC80A; /*white*/

@editorToggleColor: @primaryColor;

/*-------------------
   Blockly
--------------------*/

@blocklyRowWidthWide: 160px;
@blocklyRowWidthComputer: 140px;
@blocklyRowWidthTablet: 100px;
@blocklyRowWidthMobile: 50px;

@blocklyRowHeightWide: 45px;
@blocklyRowHeightComputer: 45px;
@blocklyRowHeightTablet: 45px;
@blocklyRowHeightMobile: 45px;


/*-------------------
   Flyout
--------------------*/

@flyoutLabelColor: white;
@blocklyFlyoutColor: #3B3C3D;
@blocklyFlyoutColorOpacity: 1.0;
@monacoFlyoutColor: rgba(59, 60, 61, 1.0);

/*-------------------
   Tutorial
--------------------*/

@tutorialSegmentBackground: #f2f2f2;

/*-------------------
   Serial
--------------------*/

@serialBackgroundColor: #fff;
@serialGraphBackground: #F2F2F2;
@serialConsoleBackground: @serialGraphBackground;

/*-------------------
   Extensions
--------------------*/

@extensionsHeaderBackground: #999;