// // Flavor Theme Variables // -------------------------------------------------- //== Colors // //## Gray and brand colors for use across Bootstrap. @gray-base: #000; @gray-darker: lighten(@gray-base, 13.5%); // #222 @gray-dark: lighten(@gray-base, 20%); // #333 @gray: lighten(@gray-base, 33.5%); // #555 @gray-light: lighten(@gray-base, 46.7%); // #777 @gray-lighter: lighten(@gray-base, 93.5%); // #eee @brand-primary: #536dfe; @brand-success: #5cb85c; @brand-info: #5bc0de; @brand-warning: #f0ad4e; @brand-danger: #d9534f; //== Scaffolding // //## Settings for some of the most global styles. //** Background color for ``. @body-bg: #f9f9f9; //** Global text color on ``. @text-color: #212121; //** Global textual link color. @link-color: @brand-primary; //** Link hover color set via `darken()` function. @link-hover-color: darken(@link-color, 15%); //** Link hover decoration. @link-hover-decoration: underline; //** Shadows @shadow-key-umbra-opacity: 0.2; @shadow-key-penumbra-opacity: 0.14; @shadow-ambient-shadow-opacity: 0.12; //== Navbar // //## // Basics of a navbar @navbar-default-color: #757575; @navbar-default-bg: #fff; // Navbar links @navbar-default-link-color: #757575; @navbar-default-link-hover-color: #424242; @navbar-default-link-hover-bg: transparent; @navbar-default-link-active-color: @text-color; @navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%); @navbar-default-link-disabled-color: #ccc; @navbar-default-link-disabled-bg: transparent; // Navbar brand label @navbar-default-brand-color: #aa00ff; @navbar-default-brand-hover-color: #aa00ff; @navbar-default-brand-hover-bg: transparent; //== Page header // //## // Basics //** Background @page-header-bg: @gray-darker; //** Border color @page-header-border-color: #e0e0e0; //** Heading color @page-header-color: #fff; //** Other text color @page-header-text-color: @gray-lighter; //** Link color @page-header-link-color: #fff; //** Text color @page-header-link-hover-color: #fff; //** Default btn @page-header-btn-default-color: #e8eaf6; @page-header-btn-default-border: #e8eaf6; @page-header-btn-default-bg: fadeOut(@gray-darker, 50%); @page-header-btn-default-hover-color: @gray; @page-header-btn-default-hover-border: #f5f5f5; @page-header-btn-default-hover-bg: #f5f5f5; @page-header-btn-default-active-color: #fff; @page-header-btn-default-active-border: #651FFF; @page-header-btn-default-active-bg: #651FFF; //** Success btn @page-header-btn-success-color: #00e676; @page-header-btn-success-border: #00e676; @page-header-btn-success-bg: fadeOut(@gray-darker, 50%); @page-header-btn-success-hover-color: #fff; @page-header-btn-success-hover-border: #4caf50; @page-header-btn-success-hover-bg: #4caf50; @page-header-btn-success-active-color: #fff; @page-header-btn-success-active-border: #2e7d32; @page-header-btn-success-active-bg: #2e7d32; //** Tabs bar background @page-tabs-link-color: darken(@gray-lighter, 25%); @page-tabs-link-bg: transparent; @page-tabs-link-hover-color: @gray-lighter; @page-tabs-link-hover-bg: fadeOut(@gray-darker, 60%); @page-tabs-link-focus-color: #fff; @page-tabs-link-focus-bg: #651fff; @page-tabs-link-active-color: @text-color; @page-tabs-link-active-bg: @body-bg;