panels/firmware-security/security-level.css


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

.hsi-level-box {
  border-radius: 9999px;
  min-width: 64px;
  min-height: 64px;

}

.hsi-level-box.level0 {
  background-color: alpha(@error_color, .25);
}

.hsi-level-box.level1 {
  background-color: alpha(@light_4, .25);
}

.hsi-level-box.level2 {
  background-color: alpha(@warning_color, .25);
}

.hsi-level-box.level3 {
  background-color: alpha(@success_color, .25);
}

.hsi-level-font {
  font-size: 32px;
  font-weight: 800;
}

.hsi-level-font.hsi0 {
  color: @error_color;
}

.hsi-level-font.hsi1 {
  color: @light_4;
}

.hsi-level-font.hsi2 {
  color: @warning_color;
}

.hsi-level-font.hsi3 {
  color: @success_color;
}

.security-level-icon {
  border-radius: 9999px;
  min-width: 64px;
  min-height: 64px;
}

.security-level-icon.good {
  color: @success_color;
  background-color: alpha(@success_color, .25);
}

.security-level-icon.error {
  color: @error_color;
  background-color: alpha(@error_color, .25);
}

.security-level-icon.warning {
  color: @warning_color;
  background-color: alpha(@warning_color, .25);
}

.security-level-icon.neutral {
  color: @light_4;
  background-color: alpha(@light_4, .25);
}

#color_green {
  color: @success_color;
}

#color_dim {
  color: @light_4f;
}

row.success-icon image.icon {
  color: @success_color;
}

row.warning-icon image.icon {
  color: @warning_color;
}

row.error-icon image.icon {
  color: @error_color;
}

row.gray-icon image {
  color: @light_4;
}

row.success-hsi-icon image.hsi_icon {
  color: @success_color;
}

row.error-hsi-icon image.hsi_icon {
  color: @error_color;
}

row.success-title label.hsi_label {
  font-weight: bold;
  color: @success_color;
}

row.error-title label.hsi_label {
  font-weight: bold;
  color: @error_color;
}

row.security-description-row label.subtitle {
  padding: 12px 0;
}

row.hide-arrow image.expander-row-arrow {
  opacity: 0;
}