// Variables @black: #000; @white: #fff; @grayDark: #333; @gray: #aaa; // Default font @font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; @font-size: 14px; @line-height: 20px; // Text colors @text-color: @black; @text-color-inverse: @white; @text-color-disabled: lighten(@text-color, 60%); @textShadow: 0 1px 1px hsla(hue(@text-color-inverse), saturation(@text-color-inverse), lightness(@text-color-inverse), 0.75); @invertedTextShadow: 0 1px 1px hsla(hue(@text-color), saturation(@text-color), lightness(@text-color), 0.75); // Button @btn-text-color: #333; @btn-text-shadow: #fff; @btn-border-color: #c5c5c5; @btn-caret-color: #444; @btn-text-color-disabled: @text-color-disabled; @btn-background: @white; @btn-background-highlight: darken(@white, 15%); @btn-background-hover: darken(@btn-background, 5%); @btn-background-highlight-hover: darken(@btn-background-highlight, 5%); @btn-background-primary: #0088cc; @btn-background-primary-highlight: #0044cc; @btn-background-primary-hover: darken(#0088cc, 5%); @btn-background-primary-highlight-hover: darken(#0044cc, 5%); @btn-text-color-primary: #fff; // Menu @menubar-border: #ddd; @menubar-background-active: #ddd; @menuitem-background-hover: #0081C2; // Panel @panel-border: #9E9E9E; @panel-background: #FDFDFD; @panel-background-highlight: #DDD; // Tabs @tab-border: #ccc; @tab-background: #e3e3e3; @tab-background-hover: #FDFDFD; @tab-background-active: #FDFDFD; // Tooltip @tooltip-background: #000; @tooltip-text-color: @white; // Popover @popover-background: @white; @popover-arrow-width: 10px; @popover-arrow-color: @white; @popover-arrow-outer-width: @popover-arrow-width + 1; @popover-arrow-outer-color: rgba(0, 0, 0, 0.25); // Focus @focus-border-color: rgba(82, 168, 236, .8); @focus-border-color-fallback: #59a5e1; // ------ /* @black: #000; @white: #fff; @grayDark: #333; @gray: #aaa; // Default font @font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; @font-size: 14px; @line-height: 20px; // Text colors @text-color: #aaa; @text-color-inverse: @black; @text-color-disabled: lighten(@text-color, 50%); @textShadow: 0 1px 1px hsla(hue(@text-color-inverse), saturation(@text-color-inverse), lightness(@text-color-inverse), 0.75); @invertedTextShadow: 0 1px 1px hsla(hue(@text-color), saturation(@text-color), lightness(@text-color), 0.75); // Button @btn-text-color: #333; @btn-text-shadow: #aaa; @btn-text-color-disabled: #888; @btn-border-color: #666; @btn-caret-color: #444; @btn-background: #ddd; @btn-background-highlight: #888; @btn-background-hover: #eee; @btn-background-highlight-hover: #777; @btn-background-primary: #0088cc; @btn-background-primary-highlight: #0044cc; @btn-background-primary-hover: #0088cc; @btn-background-primary-highlight-hover: #0044cc; @btn-text-color-primary: #fff; // Menu @menubar-border: #333; @menubar-background-active: #333; @menuitem-background-hover: #0081C2; // Panel @panel-border: #9E9E9E; @panel-background: #777; @panel-background-highlight: #444; // Tabs @tab-border: #ccc; @tab-background: #e3e3e3; @tab-background-hover: #FDFDFD; @tab-background-active: #FDFDFD; // Tooltip @tooltip-background: #000; @tooltip-text-color: @white; */