// // Magic-Stylez - Colors // // if you like to change values, remove the '!default' flag! // // //== Colors // // ------------------------- // Gray colors // ------------------------- $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; // ------------------------- // 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; $violett: #ac4d83 !default; // ------------------------- // Brand colors // ------------------------- $brand-color: #a0c775 !default; $brand-primary: #336699 !default; // twbs-default: #428bca $brand-success: #006600 !default; // twbs-default: #5cb85c $brand-info: #0099cc !default; // twbs-default: #5bc0de $brand-warning: #f0ad4e !default; // twbs-default: #f0ad4e $brand-danger: #d9534f !default; // twbs-default: #d9534f // ------------------------- // Custom colors // ------------------------- $brand-one: #e42b3e; $brand-two: #aee41c; $brand-three: #e4a032; // ------------------------- // Global Background colors. // ------------------------- $main-bg: darken(#fff, 5%) !default; // result: #f2f2f2 $body-bg: $main-bg; //** Background color for `<body>` $dark-bg: #e5e5e5 !default; $soft-bg: #f8f8f8 !default; $blue-bg: $blue-soft !default; $brand-bg: $brand-color !default; $bright-bg: $white !default; $brand-one-bg: $brand-one !default; $brand-two-bg: $brand-two !default; $brand-three-bg: $brand-three !default; // ------------------------- // Global Border color // ------------------------- $main-border-color: #ccc !default; // ------------------------- // Global Text colors // ------------------------- //** Global text color on `<body>`. $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; $headings-color: inherit !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; $btn-brand-color: #fff !default; $btn-brand-bg: $brand-color !default; $btn-brand-border: darken($btn-brand-bg, 5%) !default; // Custom - Buttons $btn-one-color: #fff !default; $btn-one-bg: $brand-one !default; $btn-one-border: darken($btn-one-bg, 5%) !default; $btn-two-color: #fff !default; $btn-two-bg: $brand-two !default; $btn-two-border: darken($btn-two-bg, 5%) !default; $btn-three-color: #fff !default; $btn-three-bg: $brand-three !default; $btn-three-border: darken($btn-three-bg, 5%) !default; // ------------------------- // Social Buttons // ------------------------- // Flat Colors $btn-facebook-color: #fff !default; $btn-facebook-bg: #3b5998 !default; $btn-facebook-border: darken($btn-facebook-bg, 5%) !default; $btn-google-color: #fff !default; $btn-google-bg: #dd4b39 !default; $btn-google-border: darken($btn-google-bg, 5%) !default; $btn-paypal-color: #fff !default; $btn-paypal-bg: #1784cb !default; // was #12398c $btn-paypal-border: darken($btn-paypal-bg, 5%) !default; $btn-twitter-color: #fff !default; $btn-twitter-bg: #00aced !default; $btn-twitter-border: darken($btn-twitter-bg, 5%) !default; // Gradient Colors $facebook-gradient-top: lighten($btn-facebook-bg, 7%); $facebook-gradient-bottom: darken($btn-facebook-bg, 7%); $google-gradient-top: lighten($btn-google-bg, 7%); $google-gradient-bottom: darken($btn-google-bg, 7%); $twitter-gradient-top: lighten($btn-twitter-bg, 7%); $twitter-gradient-bottom: darken($btn-twitter-bg, 7%); $paypal-gradient-top: #52b9f4; $paypal-gradient-bottom: darken(#1784cb, 5%); //== Forms // //## //** `<input>` background color $input-bg: #fff !default; //** `<input disabled>` background color $input-bg-disabled: $gray-lighter !default; //** Text color for `<input>`s $input-color: $gray !default; //** `<input>` 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;