| // 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; |
| @breadcrumbHeight: 64px; |
| |
| /* 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; |
| |
| /* slider */ |
| @sliderBorderColor: #999999; |
| @sliderBackground: @background; |
| @sliderBackgroundHighlight: @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 */ |
| @globalErrorAlertBackground: #c45b55; |
| |
| @infoAlertBackground: #329898; |
| @infoAlertColor: #fff; |
| @successAlertBackground: #448c11; |
| @successAlertColor: #CBDFBD; |
| @errorAlertBackground: #222; |
| @errorAlertColor: #ff0c35; |
| |
| /* query history */ |
| @queryHistoryBGColor: white; |
| @queryHistoryColor: @defaultText; |
| |
| /* |
| -- logo image paths -- |
| These are set during webpack bundle through your settings.json file. |
| */ |
| @largeLogoPath: ""; |
| @smallLogoPath: ""; |