Revision d1366c8a snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_settings.scss | ||
---|---|---|
10 | 10 |
// |
11 | 11 |
// Foundation Global Variables |
12 | 12 |
// |
13 |
// PALETTE |
|
14 |
$gray-0: #2D3338; // almost black OK (text VM wizard header) |
|
15 |
$gray-1: #BEBEBE; // light(deactivated) |
|
16 |
$gray-2: #485057; // charbon OK(links OFF machine logo wizard BGND) |
|
17 |
$gray-3: #787878; // medium OK(shutting down wizard menu level 2) |
|
18 |
$gray-4: #f0f0f0; // super light gray (sorting bar) |
|
19 |
|
|
13 | 20 |
|
21 |
$turquoise-1 : #30c79e; |
|
22 |
$green-1: #00a551; |
|
23 |
$red-1: #ff4040; |
|
24 |
$cobalt-1: #566db1; |
|
25 |
$cobalt-2: #4c71ff; |
|
26 |
$yellow-1: #ffc54a; |
|
27 |
$orange-1: #ff7049; |
|
28 |
$salmon-1: #ff948c; |
|
29 |
$salmon-2: #ffb5af; |
|
14 | 30 |
// This is the default html and body font-size for the base em value. |
15 | 31 |
// $em-base: 16px; |
16 | 32 |
|
17 | 33 |
// We use these to control various global styles |
18 | 34 |
// $body-bg: #fff; |
19 |
$body-font-color: #1e1e1e;
|
|
35 |
$body-font-color: $gray-0;
|
|
20 | 36 |
$body-font-family: "Open Sans", "Helvetica", Helvetica, Arial, sans-serif; |
21 | 37 |
// $body-font-weight: normal; |
22 | 38 |
// $body-font-style: normal; |
... | ... | |
27 | 43 |
// We use these to control text direction settings |
28 | 44 |
// $text-direction: ltr; |
29 | 45 |
|
30 |
// PALETTE |
|
31 | 46 |
|
32 |
$gray-1: #919194; // light |
|
33 |
$gray-2: #485057; // charbon |
|
34 |
$gray-3: #636a70; // medium |
|
35 |
$gray-4: #33383D; // dark |
|
36 |
$turquoise-1 : #30c79e; |
|
37 |
$green-1: #00a551; |
|
38 |
$red-1: #ff4040; |
|
39 |
$cobalt-1: #566db1; |
|
40 |
$cobalt-2: #4c71ff; |
|
41 |
$yellow-1: #ffc54a; |
|
42 |
$orange-1: #ff7049; |
|
43 |
$salmon-1: #ff948c; |
|
44 |
$salmon-2: #ffb5af; |
|
45 | 47 |
|
46 | 48 |
// We use these as default colors throughout |
49 |
// For foundation purposes |
|
47 | 50 |
$primary-color: $gray-1; // inactive gray |
48 | 51 |
$secondary-color: $turquoise-1; // green |
49 | 52 |
$third-color: $gray-2; |
50 | 53 |
|
51 |
$overlay-bg-color: $third-color;
|
|
52 |
$overlay-color-top: $gray-3;
|
|
53 |
$overlay-darker-color: $gray-4;
|
|
54 |
$overlay-bg-color: $gray-2;
|
|
55 |
$overlay-color-header: $gray-3;
|
|
56 |
$overlay-color-top: $gray-0;
|
|
54 | 57 |
|
55 |
$light-bg: lighten($primary-color,35%); // common light grey bg
|
|
58 |
$light-bg: $gray-1; // common light grey bg
|
|
56 | 59 |
|
57 | 60 |
// links color usage |
58 | 61 |
$inactive-color: $primary-color; |
59 |
$link-color: $third-color;
|
|
62 |
$link-color: $gray-2;
|
|
60 | 63 |
$link-color-hover : $secondary-color; |
61 | 64 |
|
62 |
$border-color-1 : lighten($primary-color,10%);
|
|
65 |
$border-color-1 : $gray-4;
|
|
63 | 66 |
|
64 | 67 |
$alert-color: $secondary-color; |
65 | 68 |
$success-color: $green-1; |
Also available in: Unified diff