summaryrefslogtreecommitdiffstats
path: root/app/common/styles/base/colors.scss
blob: ac8e0ae09890bca6c4624fb2b0dd86e66fa66dcc (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
// Global
$white: #ffffff;
$black: #333;
$darkgrey: #666;
$medgrey: #d7dbe0;
$lightgrey: #f5f7fa;
$lightblue: #f1f2f6;
$medblue: #3f71ec;
$purple: #5A3EC8;
$darkpurple: #20214f;
$field__disabled: #e6e6e6;
$field__focus: #3C6DEF;
$btn__disabled-txt: #a6a5a6;
$btn__disabled-bg: #d8d8d8;

// 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: #3c6df0;

// Primary Button colors
$primebtn__bg: #3c6df0;
$primebtn__text: $white;

// Secondary Button colors
$secbtn__bg: #ebf0fc;
$secbtn__border: #3f71ec;
$secbtn__text: #3f71ec;

// Dropdowns
$dropdown__focus-bg: #e6e9ee;

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

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

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

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

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

// Links
$links: #3c6df0;
$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;


OpenPOWER on IntegriCloud