summaryrefslogtreecommitdiffstats
path: root/app/common/styles/base/colors.scss
blob: 03e8e19e43ad1ee12d9c0852591e0c2c59a47694 (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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
// Global
$white: #ffffff;
$black: #333;
$darkgrey: #666;
$medgrey: #d7dbe0;
$lightgrey: #f5f7fa;
$lightblue: #f1f2f6;
$medblue: #3f71ec;
$darkblue: #1e3359;
$purple: #5A3EC8;
$field__disabled: #e6e6e6;
$field__focus: #3C6DEF;
$btn__disabled-txt: #a6a5a6;
$btn__disabled-bg: #d8d8d8;
$primebtn__disabled-txt: #999999;
$primebtn__disabled-bg: #CCCCCC;

// Dark background
$darkbg__grey: #E3ECEC;
$darkbg__accent: #79a6f6;
$darkbg__primary: #19273c;

//Disabled table elements
$disabled-row: #dddee0;
$disabled-row-txt: #999999;

//Forms
$input-border: #a7a7a7;

// Light Background
$lightbg__grey: #b8c1c1;
$lightbg__accent: #d8e2fc;
$lightbg__primary: #2d60e5;

// Primary Button colors
$primebtn__bg: #2d60e5;
$primebtn__text: $white;

// Secondary Button colors
$secbtn__bg: #ebf0fc;
$secbtn__border: #3863ce;
$secbtn__text: #3863ce;

// Dropdowns
$dropdown__focus-bg: #e6e9ee;

// Status colors
$error-color: #e62425;
$status-ok: #34bc6e;
$status-ok-light: #cceedf;
$status-warn: #ffb000;

// Alerts
$alert__error: rgb(230, 35, 37);
$alert__warning: rgb(255, 127, 0);
$alert__message: rgb(203, 221, 235);
$alert__danger: #fad3D3;

// Severity
$critical-lightbg: #da1416;
$critical-darkbg: #ff5c49;
$severity-medium-lightbg: #dc267f;
$medium-darkbg: #FF509E;
$warning-lightbg: #ff836f;
$warning-darkbg: #ffb000;
$low-lightbg: #c42cd6;
$normal: #00baa1;

// Priority tags
$lowPriorityColor: #00b6cb;
$lowPriorty-bg: #cdf0f6;
$medPriorityColor: #feb101;
$medPriorty-bg: #fef0cd;
$highPriorityColor: #e62425;
$highPriority-bg: #edc9cb;
$resolvedColor: #999999;
$resolved-bg: #d6d6d6;


// Threshold graphs
$thresh-critical: $error-color;
$thresh-warning: #ffb001;
$thresh-normal: #cceedf;

//Inventory
$active: #c6b6f5;
$inactive: $severity-medium-lightbg;

// Links
$links: #2d60e5;
$links__hover: $lightbg__primary;
$links__visited: #8ea7ea;
$links__disabled: rgba(27, 40, 52, 0.70);

// Navigation
$nav__top-level-color: #1a273b;
$nav__second-level-color: #e6e9ed;
$nav__second-level-text-color: #4b5d78;

//Loader
$loaderColor: #1d3458;
OpenPOWER on IntegriCloud