assets/less/variables.less

//  Licensed under the Apache License, Version 2.0 (the "License"); you may not
//  use this file except in compliance with the License. You may obtain a copy of
//  the License at
//
//    http://www.apache.org/licenses/LICENSE-2.0
//
//  Unless required by applicable law or agreed to in writing, software
//  distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
//  WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
//  License for the specific language governing permissions and limitations under
//  the License.

@import "bootstrap/variables.less";

/*Dashboard-Specific Colors*/
@dangerRed: #F00;
@hoverHighlight: #e73d34;
@brandHighlight: #AF2D24;
@brandDark1: #564E4C;
@brandDark2: #3A2C2B;
@navIconColor: #B3B4B4;
@navIconActive: #ffffff;
@trayBackground1: #3A2C2B;
@trayBackground2: #3A2C2B;

/*buttons */
@primaryGreen: #2bb673;
@secondaryBlue: #0082BF;
@primaryGreenDisabled: #8EC9AD;
@secondaryBlueDisabled: #86BAD2;
@dangerDisabled: #FF9797;
@buttonText: #FFF;
@buttonTextDisabled: #F1F1F1;

/* colors */
@orange: #F3622D;
@blue: #049cdb;
@green: #7FA30C;


/* base */
@background: #F2F2F2;
@leftPanel: @background;
@rightPanel: #CBCBCB;

/* font */
@fontGrey: #808080;
@defaultText: #4D4D4D;
@defaultHTag: #333333;

/* sublist */
@subListGray: #767F89;

/*nav*/
@navWidth: 220px;


/*top header*/
@breadcrumbBG: #F1F1F1;
@breadcrumbText: @brandHighlight;
@breadcrumbArrow: #999999;
@breadcrumbBorder: @brandHighlight;

/* document-header in doclist */
@docHeaderBG: #3a3a3a;
@docHeaderBorderBottom: #2a2a2a;
@docHeaderOtherBorders: #000;
@docHeaderLabels: #909090;
@docHeaderDocId: @brandHighlight;

/* checkboxes in doc-list */
@docCheckBoxUncheckedBG: #EFEFEF;
@docCheckBoxUncheckedBorder: 2px solid #999;
@docCheckBoxHoverBorder: 2px solid #ccc;
@docCheckBoxCheckedBorder: 2px solid #000;
@docCheckBoxCheckedBG: #3a3a3a;

/* sidebar */
@sidebarBG: #F2F2F2;
@sidebarWidth: 330px;

/* secondary sidebar */
@secondarySidebar: white;

/* links */
@linkColor: @brandHighlight;
@linkColorHover: @brandHighlight;

/* borders */
@radius: 4px;
@baseBorderRadius: 0;

@darkBorder: #aaa;

/* shadows */
@boxShadow: 2px 2px rgba(0,0,0,0.2);
@boxShadowOff: 2px 2px rgba(0,0,0,0);
@boxShadowLeft: -4px 4px rgba(0,0,0,0.2);
@boxShadowLeftOff: -4px 4px rgba(0,0,0,0);
@textShadow: 1px 2px rgba(0,0,0,0.2);
@textShadowOff: 1px 2px rgba(0,0,0,0);

/* animation */
@transitionSpeed: .25s;
@transitionEaseType: linear;
@highlightEffectColor: #bbbbbb;

/* breakpoints */
@collapsedNavWidth: 64px;

/* padding and margins */
@panelPadding: 15px;

/* alerts */
@infoAlertColor: #329898;
@successAlertColor: #448c11;
@errorAlertColor: #c45b55;

/* query history */
@queryHistoryBGColor: white;
@queryHistoryColor: @defaultText;

/*
  -- logo image paths --
  These are set during webpack bundle through your settings.json file.
*/
@largeLogoPath: "";
@smallLogoPath: "";