// Grays $gray-darker: #222222; $gray-dark: #333333; $gray: #555555; $gray-light: #999999; $gray-lighter: #eeeeee; // Brand Colors $brand-primary: #428bca; $brand-success: #5cb85c; $brand-warning: #f0ad4e; $brand-danger: #d9534f; $brand-info: #5bc0de; // Scaffolding $body-bg: #fff; $text-color: $gray-dark; $link-color: $brand-primary; $link-hover-color: darken($link-color, 15%); $component-active-bg: $brand-primary; // Buttons $btn-font-weight: normal; $btn-default-color: #333; $btn-default-bg: #fff; $btn-default-border: #ccc; $btn-primary-color: #fff; $btn-primary-bg: $brand-primary; $btn-primary-border: darken($btn-primary-bg, 5%); $btn-success-color: #fff; $btn-success-bg: $brand-success; $btn-success-border: darken($btn-success-bg, 5%); $btn-warning-color: #fff; $btn-warning-bg: $brand-warning; $btn-warning-border: darken($btn-warning-bg, 5%); $btn-danger-color: #fff; $btn-danger-bg: $brand-danger; $btn-danger-border: darken($btn-danger-bg, 5%); $btn-info-color: #fff; $btn-info-bg: $brand-info; $btn-info-border: darken($btn-info-bg, 5%); $btn-link-disabled-color: $gray-light; // Dropdowns $dropdown-bg: #fff; $dropdown-border: rgba(0,0,0,.15); $dropdown-divider-bg: #e5e5e5; $dropdown-link-active-color: #fff; $dropdown-link-active-bg: $component-active-bg; $dropdown-link-color: $gray-dark; $dropdown-link-hover-color: #fff; $dropdown-link-hover-bg: $dropdown-link-active-bg; $dropdown-link-disabled-color: $gray-light; $dropdown-header-color: $gray-light; $dropdown-caret-color: #000; // Forms $input-bg: #fff; $input-bg-disabled: $gray-lighter; $input-color: $gray; $input-border: #ccc; $input-border-radius: $border-radius-base; $input-color-placeholder: $gray-light; $legend-color: $gray-dark; $legend-border-color: #e5e5e5; $input-group-addon-bg: $gray-lighter; $input-group-addon-border-color: $input-border; // Table $table-bg: transparent; $table-bg-accent: #f9f9f9; $table-bg-hover: #f5f5f5; $table-bg-active: $table-bg-hover; $table-border-color: #ddd; // Navbar $navbar-default-color: #777; $navbar-default-bg: #f8f8f8; $navbar-default-border: darken($navbar-default-bg, 6.5%); $navbar-default-link-color: #777; $navbar-default-link-hover-color: #333; $navbar-default-link-hover-bg: transparent; $navbar-default-link-active-color: #555; $navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%); $navbar-default-link-disabled-color: #ccc; $navbar-default-link-disabled-bg: transparent; $navbar-default-brand-color: $navbar-default-link-color; $navbar-default-brand-hover-color: darken($navbar-default-link-color, 10%); $navbar-default-brand-hover-bg: transparent; $navbar-default-toggle-hover-bg: #ddd; $navbar-default-toggle-icon-bar-bg: #888; $navbar-default-toggle-border-color: #ddd; // Navs Tabs $nav-link-hover-bg: $gray-lighter; $nav-disabled-link-color: $gray-light; $nav-disabled-link-hover-color: $gray-light; $nav-tabs-border-color: #ddd; $nav-tabs-link-hover-border-color: $gray-lighter; $nav-tabs-active-link-hover-bg: $body-bg; $nav-tabs-active-link-hover-color: $gray; $nav-tabs-active-link-hover-border-color: #ddd; $nav-tabs-justified-link-border-color: #ddd; $nav-tabs-justified-active-link-border-color: $body-bg; $nav-pills-active-link-hover-bg: $component-active-bg; $nav-pills-active-link-hover-color: #fff; // Jumbotron $jumbotron-color: inherit; $jumbotron-bg: $gray-lighter; // Pagination $pagination-bg: #fff; $pagination-border: #ddd; $pagination-hover-bg: $gray-lighter; $pagination-hover-color: $link-hover-color; $pagination-hover-border: #ddd; $pagination-active-bg: $brand-primary; $pagination-active-color: #fff; $pagination-active-border: $brand-primary; $pagination-disabled-color: $gray-light; $pagination-disabled-bg: #fff; $pagination-disabled-border: #ddd; $pager-bg: $pagination-bg; $pager-border: $pagination-border; $pager-hover-bg: $pagination-hover-bg; $pager-active-bg: $pagination-active-bg; $pager-active-color: $pagination-active-color; $pager-bg: $pagination-bg; $pager-disabled-color: $gray-light; // Form States $state-warning-text: #c09853; $state-warning-bg: #fcf8e3; $state-warning-border: darken(spin($state-warning-bg, -10), 3%); $state-danger-text: #b94a48; $state-danger-bg: #f2dede; $state-danger-border: darken(spin($state-danger-bg, -10), 3%); $state-success-text: #468847; $state-success-bg: #dff0d8; $state-success-border: darken(spin($state-success-bg, -10), 5%); $state-info-text: #3a87ad; $state-info-bg: #d9edf7; $state-info-border: darken(spin($state-info-bg, -10), 7%); // ToolTip $tooltip-color: #fff; $tooltip-bg: #000; $tooltip-arrow-color: $tooltip-bg; $tooltip-opacity: .9; // Popover $popover-bg: #fff; $popover-border-color: rgba(0,0,0,.2); $popover-fallback-border-color: #ccc; $popover-title-bg: darken($popover-bg, 3%); $popover-arrow-color: #fff; $popover-arrow-outer-color: rgba(0,0,0,.25); $popover-arrow-outer-fallback-color: #999; // List Group $list-group-bg: #fff; $list-group-border: #ddd; $list-group-hover-bg: #f5f5f5; $list-group-active-color: #fff; $list-group-active-bg: $component-active-bg; $list-group-active-border: $list-group-active-bg; $list-group-active-text-color: lighten($list-group-active-bg, 40%); $list-group-link-color: #555; $list-group-link-heading-color: #333;