// Variables.less // ----------------------------------------------------- // GLOBAL VALUES // -------------------------------------------------- // Path @base-image-path: "../images"; @base-webfont-path: "../images/webfont"; // Typography @base-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; @fixed-font-family: Consolas, "Menlo", "Monaco", "Ubuntu Mono", "source-code-pro", monospace; @base-font-size : 13px; @base-line-height: 18px; @base-text-color : @gray-33; @base-width : 95%; /*960px;*/ // Color @white : #FFF; @low-white: #efefef; @black : #000; @orange : #F36C22; @orangeLighter : #f68c52; @purple : #8d008d; @blue : #5DBBE0; @blue2 : #51AACC; @darkgray: #878787; @green: #007fca; @light-green: #8bc34a; @light-cyan: #00BCD4; @darkmagenta: #8B008B; @gray-d4: #D4D4D4; @gray-ec: #ECECEC; @gray-f7: #F7F7F7; @gray-ea: #EAEAEA; @gray-87: #878787; @gray-11: #111; @gray-33: #333; @gray-99: #999; @gray-66: #666; @gray-cc: #CCC; @gray-52: #5D5D5D; @gray-f2: #F2F2F2; @gray-d9: #D9D9D9; @gray-9e: #9E9E9E; // new color scheme @yobi-cyan : #6C8DAC; @yobi-cyan-dark :#4A7EAF; @yobi-cyan-light : #f2f4f5; @yobi-green : #24A05F; @yobi-green-dark : #179157; @yobi-blue : #3A7EE5; @yobi-blue-dark :#206EE5; @yobi-purple : #9B59B6; @yobi-purple-dark :#8E44AD; @yobi-yello : #F1C40F; @yobi-yello-dark : #F39C12; @yobi-orange : #FF7332; @yobi-orange-dark : #E95E01; @yobi-red : #C93426; @yona-red : #f44336; @yobi-red-dark : #B13427; @yobi-white :#FFF; @yobi-white-dark :#F2F2F2; @yobi-gray :#95A5A6; @yobi-gray-dark :#7F8C8D; @yobi-disabled : #d5dbdb; @yobi-inverse : #383838; @yobi-inverse-dark : #222222; @yobi-inverse-light : #3e3e3e; @yobi-primary : @yobi-orange; @yobi-link : #51aacc; @yobi-background : @yobi-white; @yobi-background-gnv : #383838; @yobi-btn-default : @yobi-white; @yobi-btn-default-hover : @yobi-white; @yobi-btn-primary : @yobi-primary; @yobi-btn-primary-hover : @yobi-orange-dark; @yobi-btn-success : @yobi-green; @yobi-btn-success-hover : @yobi-green-dark; @yobi-btn-info : @yobi-blue; @yobi-btn-info-hover : @yobi-blue-dark; @yobi-btn-inverse : #8F8E8E; @yobi-btn-inverse-hover : #7A7A7A; @yobi-btn-danger : @yobi-red; @yobi-btn-danger-hover : @yobi-red-dark; @yobi-btn-warning : @yobi-yello; @yobi-btn-warning-hover : #f5d313; @yobi-btn-disabled : @yobi-white-dark; @yobi-btn-disabled-hover : #cacfd2; // State color @state-open: #b6da54; @state-closed: #fd6956; @state-rejected: #fd8658; @state-warning: #fcc666; @state-changed: #65c9df; @state-merged: #65c9df; @primary : @orange; @secondary : @blue2; @link-color : @primary; @link-hover-color: @primary; @search-bar-bg-color: #fff; @search-bar-border-color:#aaabac; @search-input-color:#898989; @gnb-logo-bg-color:@orange; @gnb-bg-color :#f3f4f6; @gnb-border-bottom:1px solid #c7c9ca; @gnb-link-color : #111; @gnb-link-hover-color : @orange; @gnb-link-active-color : @orange; @gnb-action-color: @white; @gnb-action-signout-color: #868D96; @gnb-action-separate-border-color: @gray-cc; @submenu-selected-color: #337581; @activity-separate-border-color: #E7E7E7;