//== Colors // //## Gray and brand colors for use across Bootstrap. // ------------------------- $black: #1c1c1c !default; $gray-darker: lighten(#000, 13.5%) !default; // #222 $gray-dark: lighten(#000, 20%) !default; // #333 $gray: lighten(#000, 33.5%) !default; // #555 $gray-light: lighten(#000, 60%) !default; // #999 $gray-lighter: lighten(#000, 93.5%) !default; // #eee $gray-soft: #f0f0f0 !default; $gray-softer: #f9f9f9 !default; $white: #ffffff !default; // ------------------------- // Brand colors // ------------------------- $brand-primary: #336699 !default; $brand-success: #5cb85c !default; $brand-info: #5bc0de !default; $brand-warning: #f0ad4e !default; $brand-danger: #d9534f !default; // ------------------------- // Accent colors // ------------------------- $blue-soft: #9dcfe1 !default; $blue-lighter: #d8e7ec !default; $blue-light: #0099cc !default; $blue: #006699 !default; $blue-dark: darken($blue, 15%) !default; $green: #006600 !default; $red: #9d261d !default; $red-dark: darkred !default; $yellow: #ffc40d !default; $orange: #ff6600 !default; $pink: #c3325f !default; $purple: #7a43b6 !default; //== Scaffolding //** Settings for some of the most global styles. // M A G I C - S T Y L E Z //** Global Background colors. $main-bg: #f2f1f1 !default; $dark-bg: #e5e5e5 !default; $blue-bg: $blue-soft !default; //** Global Highlight color. // $main-active-color: #a0c775; $brand-color: #a0c775; //** Global Border color. $main-border-color: #ccc !default; // T W I T T E R - B O O T S T R A P //** Background color for ``. $body-bg: $main-bg; //** Global text color on ``. $text-color: $gray-dark !default; //** Global textual link color. $link-color: $brand-primary !default; //** Link hover color set via `darken()` function. $link-hover-color: darken($link-color, 15%) !default; //== Components //** Global color for active items (e.g., navs or dropdowns). $component-active-color: #fff !default; //** Global background color for active items (e.g., navs or dropdowns). $component-active-bg: $brand-primary !default; //== Buttons // $btn-default-color: #333 !default; $btn-default-bg: #fff !default; $btn-default-border: #ccc !default; $btn-primary-color: #fff !default; $btn-primary-bg: $brand-primary !default; $btn-primary-border: darken($btn-primary-bg, 5%) !default; $btn-success-color: #fff !default; $btn-success-bg: $brand-success !default; $btn-success-border: darken($btn-success-bg, 5%) !default; $btn-info-color: #fff !default; $btn-info-bg: $brand-info !default; $btn-info-border: darken($btn-info-bg, 5%) !default; $btn-warning-color: #fff !default; $btn-warning-bg: $brand-warning !default; $btn-warning-border: darken($btn-warning-bg, 5%) !default; $btn-danger-color: #fff !default; $btn-danger-bg: $brand-danger !default; $btn-danger-border: darken($btn-danger-bg, 5%) !default; $btn-link-disabled-color: $gray-light !default; //== Forms // //## //** `` background color $input-bg: #fff !default; //** `` background color $input-bg-disabled: $gray-lighter !default; //** Text color for ``s $input-color: $gray !default; //** `` border color $input-border: #ccc !default; //** Border color for inputs on focus $input-border-focus: #66afe9 !default; //** Placeholder text color $input-color-placeholder: $gray-light !default; $legend-color: $gray-dark !default; $legend-border-color: #e5e5e5 !default; //** Background color for textual input addons $input-group-addon-bg: $gray-lighter !default; //** Border color for textual input addons $input-group-addon-border-color: $input-border !default; //== Tables // //** Default background color used for all tables. $table-bg: transparent !default; //** Background color used for `.table-striped`. $table-bg-accent: #f9f9f9 !default; //** Background color used for `.table-hover`. $table-bg-hover: #f5f5f5 !default; $table-bg-active: $table-bg-hover !default; //** Border color for table and cell borders. $table-border-color: #ddd !default; //== Dropdowns // //## Dropdown menu container and contents. //** Background for the dropdown menu. $dropdown-bg: #fff !default; //** Dropdown menu `border-color`. $dropdown-border: rgba(0,0,0,.15) !default; //** Dropdown menu `border-color` **for IE8**. $dropdown-fallback-border: #ccc !default; //** Divider color for between dropdown items. $dropdown-divider-bg: #e5e5e5 !default; //** Dropdown link text color. $dropdown-link-color: $gray-dark !default; //** Hover color for dropdown links. $dropdown-link-hover-color: darken($gray-dark, 5%) !default; //** Hover background for dropdown links. $dropdown-link-hover-bg: #f5f5f5 !default; //** Active dropdown menu item text color. $dropdown-link-active-color: $component-active-color !default; //** Active dropdown menu item background color. $dropdown-link-active-bg: $component-active-bg !default; //** Disabled dropdown menu item background color. $dropdown-link-disabled-color: $gray-light !default; //** Text color for headers within dropdown menus. $dropdown-header-color: $gray-light !default; //** Deprecated `$dropdown-caret-color` as of v3.1.0 $dropdown-caret-color: #000 !default; //== Navbar // //## $navbar-default-color: #777 !default; $navbar-default-bg: #f8f8f8 !default; $navbar-default-border: darken($navbar-default-bg, 6.5%) !default; // Navbar links $navbar-default-link-color: #777 !default; $navbar-default-link-hover-color: #333 !default; $navbar-default-link-hover-bg: transparent !default; $navbar-default-link-active-color: #555 !default; $navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default; $navbar-default-link-disabled-color: #ccc !default; $navbar-default-link-disabled-bg: transparent !default; // Navbar brand label $navbar-default-brand-color: $navbar-default-link-color !default; $navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default; $navbar-default-brand-hover-bg: transparent !default; // Navbar toggle $navbar-default-toggle-hover-bg: #ddd !default; $navbar-default-toggle-icon-bar-bg: #888 !default; $navbar-default-toggle-border-color: #ddd !default; // Inverted navbar // Reset inverted navbar basics $navbar-inverse-color: $gray-light !default; $navbar-inverse-bg: #222 !default; $navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default; // Inverted navbar links $navbar-inverse-link-color: $gray-light !default; $navbar-inverse-link-hover-color: #fff !default; $navbar-inverse-link-hover-bg: transparent !default; $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default; $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default; $navbar-inverse-link-disabled-color: #444 !default; $navbar-inverse-link-disabled-bg: transparent !default; // Inverted navbar brand label $navbar-inverse-brand-color: $navbar-inverse-link-color !default; $navbar-inverse-brand-hover-color: #fff !default; $navbar-inverse-brand-hover-bg: transparent !default; // Inverted navbar toggle $navbar-inverse-toggle-hover-bg: #333 !default; $navbar-inverse-toggle-icon-bar-bg: #fff !default; $navbar-inverse-toggle-border-color: #333 !default;