| 1 |
@gray-darker: lighten(#000, 13.5%); // #222 |
| 2 |
@gray-dark: lighten(#000, 20%); // #333 |
| 3 |
@gray: lighten(#000, 33.5%); // #555 |
| 4 |
@gray-light: lighten(#000, 60%); // #999 |
| 5 |
@gray-lighter: lighten(#000, 93.5%); // #eee |
| 6 |
|
| 7 |
@brand-primary :#21c2f8; |
| 8 |
@brand-primary-border: darken(@brand-primary, 10); |
| 9 |
@brand-primary-color :#fff; |
| 10 |
@brand-primary-hover: lighten(@brand-primary, 3); |
| 11 |
@brand-primary-hover-border: darken(@brand-primary-hover, 3); |
| 12 |
@brand-primary-hover-color: @brand-primary-color; |
| 13 |
|
| 14 |
@brand-disabled :@gray-light; |
| 15 |
@brand-disabled-border: darken(@brand-disabled, 3); |
| 16 |
@brand-disabled-color :#fff; |
| 17 |
|
| 18 |
@brand-success :#7ad03a; |
| 19 |
@brand-success-border: darken(@brand-success, 10); |
| 20 |
@brand-success-color :darken(@brand-success, 23); |
| 21 |
|
| 22 |
@brand-warning :#fbeba4; |
| 23 |
@brand-warning-border: darken(@brand-warning, 10); |
| 24 |
@brand-warning-color :darken(@brand-warning, 45); |
| 25 |
@brand-warning-hover: lighten(@brand-warning, 3); |
| 26 |
@brand-warning-hover-border: darken(@brand-warning-hover, 3); |
| 27 |
@brand-warning-hover-color: @brand-warning-color; |
| 28 |
|
| 29 |
|
| 30 |
@brand-critical: #FB61A8; |
| 31 |
@brand-critical-border: darken(@brand-critical, 10); |
| 32 |
@brand-critical-color : lighten(@brand-critical, 40); |
| 33 |
@brand-critical-hover: lighten(@brand-critical, 3); |
| 34 |
@brand-critical-hover-border: darken(@brand-critical-hover, 3); |
| 35 |
@brand-critical-hover-color: @brand-critical-color; |
