[PATCH widget-toolkit v4 6/8] add pmx-critical CSS class

["Michael Köppl" <m.koeppl@proxmox.com>]

This class simply defines the background color similar to pmx-hint, but
for more critical messages. The color used is the same as for invalid
rows, but use a separate class to ensure that background colors for
invalid rows and critical error messages can be changed independently.

Signed-off-by: Michael Köppl <m.koeppl@proxmox.com>
---
Added this because I wanted to avoid using the proxmox-invalid-row class
for something that is pretty much a pmx-hint with a different color.

 src/css/ext6-pmx.css                        |  4 ++++
 src/proxmox-dark/scss/proxmox/_general.scss | 15 +++++++++++----
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index d8d9b8d..a33e83f 100644
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -6,6 +6,10 @@
     background-color: LightYellow;
 }
 
+.pmx-critical {
+    background-color: #f3d6d7;
+}
+
 .proxmox-tags-full .proxmox-tag-light,
 .proxmox-tags-full .proxmox-tag-dark {
     border-radius: 3px;
diff --git a/src/proxmox-dark/scss/proxmox/_general.scss b/src/proxmox-dark/scss/proxmox/_general.scss
index dcbf049..9eba060 100644
--- a/src/proxmox-dark/scss/proxmox/_general.scss
+++ b/src/proxmox-dark/scss/proxmox/_general.scss
@@ -39,12 +39,19 @@ div.eol-notice + div[id^="panel-"] > div[id^="panel-"][id$="-bodyWrap"] > div {
   background-color: $background-warning;
 }
 
-.pmx-hint a {
-  color: $highlighted-text-alt;
+.pmx-critical {
+  background-color: $background-invalid;
 }
 
-.pmx-hint a:active {
-  color: $highlighted-text;
+.pmx-hint,
+.pmx-critical {
+  a {
+    color: $highlighted-text-alt;
+
+    &:active {
+      color: $highlighted-text;
+    }
+  }
 }
 
 // Unclickable elements (mostly for elements with conditional handlers)
-- 
2.47.3