blob: f5f93f0898a3672cec6851b06114bf3e0716ff27 (
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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
|
// Base colors
$color--blue-100: #1B2834;
$color--blue-50: #1D3458;
$color--blue-40: #2D60E5;
$color--blue-30: #7295F1;
$color--blue-20: #CCD7F4;
$color--grey-100: #333333;
$color--grey-80: #666666;
$color--grey-60: #999999;
$color--grey-40: #CCCCCC;
$color--grey-30: #DCDEE0;
$color--grey-20: #F0F2F5;
$color--grey-10: #FAFBFC;
$color--grey-0: #FFFFFF;
// Status colors
$color--teal-70: #098292;
$color--teal-50: #00B6CB;
$color--teal-20: #CCF0F5;
$color--green-50: #0A7D06;
$color--green-20: #C6E8C5;
$color--yellow-70: #EFC100;
$color--yellow-50: #FEDF39;
$color--yellow-40: #FFDF99;
$color--yellow-20: #FFF8E4;
$color--red-50: #DA1416;
$color--red-20: #FAD3D3;
// Global
$white: $color--grey-0;
$black: $color--grey-100;
$darkgrey: $color--grey-80;
$medgrey: #d7dbe0;
$lightgrey: #f5f7fa;
$lightblue: #f1f2f6;
$medblue: #3f71ec;
$darkblue: #1e3359;
$purple: #5A3EC8;
$field__disabled: #e6e6e6;
$field__focus: #3C6DEF;
// Dark background
$darkbg__grey: #E3ECEC;
$darkbg__accent: #79a6f6;
$darkbg__primary: #19273c;
//Disabled table elements
$disabled-row: #dddee0;
$disabled-row-txt: $color--grey-60;
//Forms
$input-border: #a7a7a7;
// Light Background
$lightbg__grey: #b8c1c1;
$lightbg__accent: #d8e2fc;
$lightbg__primary: $color--blue-40;
// Primary Button colors
$primebtn__bg: $color--blue-40;
$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: $color--teal-50;
$lowPriorty-bg: #cdf0f6;
$medPriorityColor: #feb101;
$medPriorty-bg: #fef0cd;
$highPriorityColor: #e62425;
$highPriority-bg: #edc9cb;
$resolvedColor: $color--grey-60;
$resolved-bg: #d6d6d6;
// Threshold graphs
$thresh-critical: $error-color;
$thresh-warning: #ffb001;
$thresh-normal: #cceedf;
//Inventory
$active: #c6b6f5;
$inactive: $severity-medium-lightbg;
// Links
$links: $color--blue-40;
$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: $color--blue-50;
|
