GSYH/WebRoot/static/ace/css/less/variables.less

//basic variables
@icon: ace-icon;//the icon class to be used. For more info please refer to docs, the "icons" section


@base-font-size: 13px;
@baseFontSize: @base-font-size;
@sansFontFamily: "Open Sans";

@import "fonts.less";//font sizes


@screen-topbar-down:         479px;//The point to move top menu buttons down in default layout
@screen-topbar-down-min:	(@screen-topbar-down + 1);//!ignore
@screen-topbar-down-small: 360px; //!ignore

@screen-qhd-width: 540px;//!ignore
@screen-tiny:	320px;//!ignore
@screen-tiny-max: (@screen-xs-min - 1);//!ignore
@screen-mini:	240px;//!ignore
@screen-mini-max: (@screen-tiny - 1);//!ignore



@screen-fixed-breadcrumbs: @grid-float-breakpoint;//minimum width for fixed breadcrumbs
@screen-hover-menu: @grid-float-breakpoint;//minimum width for .hover submenus
@screen-compact-menu: @screen-hover-menu;



//general.less variables
@body-background: #E4E6E9;
@text-color: #393939;



@ace-nav-default: #2E6589;//ace nav button default background color
@ace-nav-blue: #2E6589;
@ace-nav-grey: #555;//ace nav button grey background color
@ace-nav-purple: #892E65;//ace nav button purple background color
@ace-nav-green: #2E8965;
@ace-nav-red: #B74635;
@ace-nav-light-green: #9ABC32;
@ace-nav-light-purple: #CB6FD7;
@ace-nav-light-orange: #F79263;
@ace-nav-light-blue: #62A8D1;
@ace-nav-light-blue2: #42A8E1;
@ace-nav-light-pink: #F4DAE5;
@ace-nav-dark: #404040;
@ace-nav-white-opaque: rgba(255,255,255,0.8);
@ace-nav-dark-opaque: rgba(0,0,0,0.2);


@navbar-min-height: 45px;//navbar's min-height
@navbar-dropdown-width: 240px;
@navbar-dropdown-shadow: ~"0 2px 4px rgba(30, 30, 100, 0.25)";


@sidebar-width: 190px;
@sidebar-min-width: 43px;//sidebar minimum width
@sidebar-compact-width: 105px;
@nav-item-height: 39px;

@sidebar-toggler-line-1: #87B87F;
@sidebar-toggler-line-2: #6FB3E0;
@sidebar-toggler-line-3: #FFA24D;
@sidebar-toggler-line-4: #D15B47;

@breadcrumb-height: 41px;
@breadcrumb-arrow-color: #B2B6BF;
@page-content-padding-top: 8px;







//some text colors
@ace-dark: #333;
@ace-white: #FFF;
@ace-red: #DD5A43;
@ace-red2: #E08374;
@ace-light-red: #FF7777;
@ace-blue: #478FCA;
@ace-light-blue: #93CBF9;
@ace-green: #69AA46;
@ace-light-green: #B0D877;
@ace-orange: #FF892A;
@ace-orange2: #FEB902;
@ace-light-orange: #FCAC6F;
@ace-purple: #A069C3;
@ace-pink: #C6699F;
@ace-pink2: #D6487E;
@ace-brown:brown;
@ace-grey: #777;
@ace-light-grey: #BBB;



//button colors
@btn-default: #ABBAC3;
@btn-default-hover: #8B9AA3;

@btn-primary: #428BCA;
@btn-primary-hover: #1B6AAA;

@btn-info: #6FB3E0;
@btn-info-hover: #4F99C6;

@btn-info2: #95C6E5;
@btn-info2-hover: #67A6CE;

@btn-success: #87B87F;
@btn-success-hover: #629B58;

@btn-warning: #FFB752;
@btn-warning-hover: #E59729;

@btn-danger: #D15B47;
@btn-danger-hover: #B74635;

@btn-inverse: #555555;
@btn-inverse-hover: #303030;

@btn-pink: #D6487E;
@btn-pink-hover: #B73766;

@btn-purple: #9585BF;
@btn-purple-hover: #7461AA;

@btn-yellow: #FEE188;
@btn-yellow-hover: #F7D05B;
@btn-yellow-color: #996633;

@btn-light: #E7E7E7;
@btn-light-hover: #D9D9D9;
@btn-light-color: #888;

@btn-grey: #A0A0A0;
@btn-grey-hover: #888888;

//active state:
@btn-active-color: #EFE5B5;
@btn-yellow-active-border: #C96338;

@btn-link-color: #0088CC;




//application button colors
@btn-app-default-1: #BCC9D5;
@btn-app-default-2: #ABBAC3;

@btn-app-primary-1: #3B98D6;
@btn-app-primary-2: #197EC1;

@btn-app-info-1: #75B5E6;
@btn-app-info-2: #5BA4D5;

@btn-app-success-1: #8EBF60;
@btn-app-success-2: #7DAA50;

@btn-app-danger-1: #D55B52;
@btn-app-danger-2: #D12723;

@btn-app-warning-1: #FFBF66;
@btn-app-warning-2: #FFA830;

@btn-app-purple-1: #A696CE;
@btn-app-purple-2: #8A7CB4;

@btn-app-pink-1: #DB5E8C;
@btn-app-pink-2: #CE3970;

@btn-app-inverse-1: #555555;
@btn-app-inverse-2: #333333;

@btn-app-grey-1: #898989;
@btn-app-grey-2: #696969;

@btn-app-light-1: #F4F4F4;
@btn-app-light-2: #E6E6E6;

@btn-app-yellow-1: #FFE8A5;
@btn-app-yellow-2: #FCD76A;

@btn-app-active: #FFF;
@btn-app-yellow-color: #963;
@btn-app-yellow-border: #FEE188;
@btn-app-light-color: #5A5A5A;
@btn-app-light-active: #515151;




//label & badge colors
@label-default: #ABBAC3;
@label-primary:@btn-primary;
@label-info: #3A87AD;
@label-success: #82AF6F;
@label-danger: #D15B47;
@label-important:@label-danger;//!ignore
@label-warning: #F89406;
@label-inverse: #333333;
@label-pink: #D6487E;
@label-purple: #9585BF;
@label-yellow: #FEE188;
@label-light: #E7E7E7;
@label-grey:@btn-grey;



//menu colors
@dropdown-menu: #4F99C6;
@dropdown-default:@btn-default;
@dropdown-primary:@btn-primary;
@dropdown-info:@btn-info;
@dropdown-success:@btn-success;
@dropdown-warning: #FFA24D;
@dropdown-danger:@btn-danger;
@dropdown-inverse:@btn-inverse;
@dropdown-pink:@btn-pink;
@dropdown-purple:@btn-purple;
@dropdown-grey:@btn-grey;
@dropdown-light:@btn-light;
@dropdown-lighter: #EFEFEF;
@dropdown-lightest: #F3F3F3;
@dropdown-yellow:@btn-yellow;
@dropdown-yellow2: #F9E8B3;
@dropdown-light-blue: #ECF3F9;

//slider colors
@slider-color: #4AA4CE;
@slider-green: #8BBC67;
@slider-red: #D36E6E;
@slider-purple: #AC68BA;
@slider-orange: #EFAD62;
@slider-dark: #606060;
@slider-pink:@btn-pink;


//infobox colors
@infobox-purple: #6F3CC4;
@infobox-purple2: #5F47B0;
@infobox-pink: #CB6FD7;
@infobox-blue: #6FB3E0;
@infobox-blue2: #3983C2;
@infobox-blue3: #1144EB;
@infobox-red: #D53F40;
@infobox-brown: #C67A3E;
@infobox-light-brown: #CEBEA5;
@infobox-wood: #7B3F25;
@infobox-orange: #E8B110;
@infobox-orange2: #F79263;
@infobox-green: #9ABC32;
@infobox-green2: #0490A6;
@infobox-grey: #999999;
@infobox-black: #393939;


//widget colors
@widget-blue: #307ECC;
@widget-blue2: #5090C1;
@widget-blue3: #6379AA;
@widget-green: #82AF6F;
@widget-green2: #2E8965;
@widget-green3: #4EBC30;
@widget-red: #E2755F;
@widget-red2: #E04141;
@widget-red3: #D15B47;
@widget-purple: #7E6EB0;
@widget-pink: #CE6F9E;
@widget-dark: #404040;
@widget-grey: #848484;

@widget-orange: #FFC657;
@widget-orange-txt: #855D10;
@widget-orange-border: #E8B10D;




//form
@help-button-bg: #65BCDA;
@input-border: #D5D5D5;
@input-background: #FFF;
@input-color: #858585;

@input-border-focus: #F59942;
@input-background-focus: #FFF;
@input-color-focus: #696969;
//@input-shadow-focus:~"0px 0px 0px 2px rgba(245, 153, 66, 0.3)";



//tabs & accordion
@tab-border: #C5D0DC;
@tab-active-color: #576373;
@tab-active-border: #4C8FBD;
@tab-hover-color: #4C8FBD;



//tooltip
@tooltip-color: #333;
@tooltip-error-color: #C94D32;
@tooltip-success-color: #629B58;
@tooltip-warning-color: #ED9421;
@tooltip-info-color: #4B89AA;


//progress bar
@progress-color: #2A91D8;
@progress-danger: #CA5952;
@progress-success: #59A84B;
@progress-warning: #F2BB46;
@progress-pink: #D6487E;
@progress-purple: #9585BF;
@progress-yellow: #FFD259;
@progress-inverse: #404040;
@progress-grey: #8A8A8A;





//widget
@widget-header-color: #669FC7;//text color
@tag-bg: #91B8D0;



//items
@item-list-orange-border: #E8B110;
@item-list-orange2-border: #F79263;
@item-list-red-border: #D53F40;
@item-list-red2-border: #D15B47;
@item-list-green-border: #9ABC32;
@item-list-green2-border: #0490A6;
@item-list-blue-border:@btn-info-hover;
@item-list-blue2-border: #3983C2;
@item-list-blue3-border: #1144EB;
@item-list-pink-border: #CB6FD7;
@item-list-purple-border: #6F3CC4;
@item-list-black-border: #505050;
@item-list-grey-border: #A0A0A0;
@item-list-brown-border:brown;
@item-list-default-border:@btn-default;