1 files changed, 119 insertions, 0 deletions
diff --git a/panels/firmware-security/security-level.css b/panels/firmware-security/security-level.css
new file mode 100644
index 0000000..64d724f
--- /dev/null
+++ b/panels/firmware-security/security-level.css
@@ -0,0 +1,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;
+}