| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- //
- // 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>`.
- @body-bg: #f9f9f9;
- //** Global text color on `<body>`.
- @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;
|
