aboutsummaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/common/_variables.scss
blob: 48d9f4b68e4670648962a904d6a836d1e43e3cba (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
// primary colors
$blue: #009fdb;
$dark-blue: #0568ae;
$light-blue: #71c5e8;
$green: #4ca90c;
$dark-green: #007a3e;
$light-green: #b5bd00;
$orange: #ea7400;
$yellow: #ffb81c;
$dark-purple: #702f8a;
$purple: #9063cd;
$light-purple: #caa2dd;
$black: #000000;
$dark-gray: #5a5a5a;
$gray: #959595;
$light-gray: #d2d2d2;
$white: #ffffff;

// Secondary Colors
$red: #cf2a2a;
$crimson: #a94442;

$background-gray: #f2f2f2;
$text-black: #191919;
$link-blue: #056bae;
$functional-green: #007a3e;
$tlv-gray: #f8f8f8;
$tlv-light-gray: #eaeaea;
$tlv-hover: #e6f6fb;
$highlight-gray: #eceff3;
$transparent-black: rgba(0, 0, 0, 0.3);

$content-background-color: $white;

$scroll-bar-color: $text-black;
$vc-status-text-color: #42b72a;

// sizes
$circle-icon-size: 40px;

//responsive @media params
$tablet-max-width: 1024px;
$laptop-min-width: 1224px;
$desktop-min-width: 1824px;

$loader-background: #e1e4e6;

$action-button-active-bg: #0091c7;
$action-button-active-border: #006186;
$action-button-hover-bg: #1ec2ff;
$action-button-hover-border: #0091c8;