`s.
@table-cell-padding: 8px;
//** Padding for cells in `.table-condensed`.
@table-condensed-cell-padding: 5px;
//** Default background color used for all tables.
@table-bg: transparent;
//** Background color used for `.table-striped`.
@table-bg-accent: #f9f9f9;
//** Background color used for `.table-hover`.
@table-bg-hover: #f5f5f5;
@table-bg-active: @table-bg-hover;
//** Border color for table and cell borders.
@table-border-color: #ddd;
//=============================== Buttons ==============================//
@btn-shadow: 0 1px 4px rgba(0, 0, 0, 0.21);
@btn-default-bg-color: @background-primary;
@btn-default-text-color: @text-color;
@btn-action-bg-color: @success-color;
@btn-action-text-color: @text-color;
@btn-emphasis-bg-color: @accent-primary;
@btn-emphasis-text-color: @text-color-inverse;
@btn-danger-bg-color: @danger-color;
@btn-danger-text-color: @text-color-inverse;
//=============================== Inputs ===============================//
//** `` background color
@input-bg: #fff;
//** `` background color
@input-bg-disabled: @gray-lighter;
@input-background-color: white;
@input-border-color: fadeout(@border-color, 10%);
@input-border-color-blurred: desaturate(@input-border-color, 100%);
@input-tint-color: fade(@background-color-selected, 10%);
@input-tint-color-hover: fade(@input-tint-color, 30%);
@input-tint-color-blurred: desaturate(@input-tint-color, 100%);
@input-accessory-color-hover: @light-blue;
@input-accessory-color: @cool-gray;
//** Text color for ``s
@input-color: @gray;
//** `` border color
@input-border: #ccc;
// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
//** Default `.form-control` border radius
@input-border-radius: @border-radius-base;
//** Large `.form-control` border radius
@input-border-radius-large: @border-radius-large;
//** Small `.form-control` border radius
@input-border-radius-small: @border-radius-small;
//** Border color for inputs on focus
@input-border-focus: #66afe9;
//** Placeholder text color
@input-color-placeholder: #999;
//** Default `.form-control` height
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
//** Large `.form-control` height
@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
//** Small `.form-control` height
@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
//** Background color for textual input addons
@input-group-addon-bg: @gray-lighter;
//** Border color for textual input addons
@input-group-addon-border-color: @input-border;
//=============================== Z-Index ==============================//
//-- Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye
// view of components dependent on the z-axis and are designed to all work
// together.
//
// Note: These variables are not generated into the Customizer.
@zindex-navbar: 1000;
@zindex-dropdown: 1000;
@zindex-popover: 1060;
@zindex-tooltip: 1070;
@zindex-navbar-fixed: 1030;
@zindex-modal: 1040;
//== Source List (used in Sidebar, iTunes-style)
//
// ##
//** Global color for active items (e.g., navs or dropdowns).
@component-active-color: @background-primary;
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg: #383d44;
@component-secondary-active-bg: @background-tertiary;
//** Background color on `.list-group-item`
@source-list-bg: @panel-background-color;
//** Text color of active list items
@source-list-active-color: @component-active-color;
//** Background color of active list items
@source-list-active-bg: @component-active-bg;
//== List
//
//##
//** Background color on `.list-group-item`
@list-bg: #fff;
//** `.list-item` border color
@list-border: #ddd;
//** List group border radius
@list-border-radius: @border-radius-base;
//** Background color of single list items on hover
@list-hover-bg: #f5f5f5;
//** Text color of active list items
@list-active-color: @component-active-color;
//** Background color of active list items
@list-active-bg: @component-secondary-active-bg;
//** Border color of active list elements
@list-active-border: @list-active-bg;
//** Text color for content within active list items
@list-active-color-muted: lighten(@list-active-bg, 40%);
//** Text color of disabled list items
@list-disabled-color: @gray-light;
//** Background color of disabled list items
@list-disabled-bg: @gray-lighter;
//** Text color for content within disabled list items
@list-disabled-text-color: @list-disabled-color;
//** Abbreviations and acronyms border color
@abbr-border-color: @gray-light;
//** Blockquote small color
@blockquote-small-color: @gray-light;
//** Blockquote font size
@blockquote-font-size: (@font-size-base * 1.25);
//** Blockquote border color
@blockquote-border-color: @gray-lighter;
//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.
@state-success-text: #3c763d;
@state-success-bg: #dff0d8;
@state-success-border: darken(spin(@state-success-bg, -10), 5%);
@state-info-text: #31708f;
@state-info-bg: #d9edf7;
@state-info-border: darken(spin(@state-info-bg, -10), 7%);
@state-warning-text: #8a6d3b;
@state-warning-bg: #fcf8e3;
@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
@state-danger-text: #a94442;
@state-danger-bg: #f2dede;
@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
/////
// -------------
// EVERYTHING BELOW THIS NEEDS TO BE DEPRECATED OR MOVED ABOVE THIS
// old stuff
// -------------
// Private
//
// Do not use these colors outside of this file.
// You should choose variables based on the role of your
// interface elements. In other themes, @light-blue may
// not be light or blue.
@PANTONE-340-UP: #00ac6f;
@PANTONE-7704-UP: #009ec4;
@PANTONE-7547-UP: #3c505f;
@PANTONE-296-UP: #003c56;
@PANTONE-421-UP: #b4babd;
@PANTONE-Red-032-UP: #f15f4b;
@PANTONE-326-UP: #3bbeb4;
@PANTONE-Process-Black-UP: #231f20;
@PANTONE-Cool-Gray-1-UP: #e1e0dc;
@green: @PANTONE-340-UP;
@light-blue: @PANTONE-7704-UP;
@blue-gray: @PANTONE-7547-UP;
@dark-blue: @PANTONE-296-UP;
@light-gray: @PANTONE-421-UP;
@red: @PANTONE-Red-032-UP;
@teal: @PANTONE-326-UP;
@black: @PANTONE-Process-Black-UP;
@cool-gray: @PANTONE-Cool-Gray-1-UP;
@white: #f1f1f1;
@blue-grey: @blue-gray;
@light-grey: @light-gray;
// Public
//
// Use these variables in your packages. Choose the variable
// that best matches the role of the element you are styling.
// TEXT
@unread-color: @blue; //!
@action-color: @green;
@progress-bar-fill: @light-blue;
@progress-bar-background: @light-gray;
@background-color: #fff;
@background-color-highlight: darken(@background-color, 2.5%);
@background-color-selected: @light-blue;
@background-color-secondary: darken(@background-color, 5%);
@background-color-accent: @blue-gray;
@background-color-info: @light-blue;
@background-color-success: @green;
@background-color-warning: #ff4800;
@background-color-error: @red;
@background-color-pending: @light-gray;
@base-border-color: darken(@background-color, 15%);
@border-color: darken(@background-color, 15%);
@border-color-subtle: darken(@background-color, 8%);
// Inputs
// Menus
@menu-color: white;
@menu-divider-color: @light-gray;
@menu-item-color-hover: fade(@background-color-selected, 10%);
@menu-item-color-selected: @background-color-selected;
@menu-text-color-selected: @text-color-inverse;
// Sizes
@disclosure-arrow-size: 12px;
@input-font-size: 14px;
@component-padding: 10px;
@component-icon-padding: 5px;
@component-icon-size: 16px;
@component-line-height: 25px;
@component-border-radius: 2px;
// Other
@standard-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
@standard-shadow-up: 0 -1px 2px 0 rgba(0, 0, 0, 0.22);
@body-bg: @white;
//== Panels and Sidebars
@panel-background-color: @gray-lighter;
@toolbar-background-color: @gray-lighter;