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