From fe720d05f4572e74e71887203d43c491f0723a92 Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Sat, 13 May 2023 11:59:56 +0000
Subject: [PATCH] Use custom properties

---
 res/css/views/rooms/_AuxPanel.pcss | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/res/css/views/rooms/_AuxPanel.pcss b/res/css/views/rooms/_AuxPanel.pcss
index 38b93e414f..f9f89e280b 100644
--- a/res/css/views/rooms/_AuxPanel.pcss
+++ b/res/css/views/rooms/_AuxPanel.pcss
@@ -28,23 +28,26 @@ limitations under the License.
     }
 
     .mx_AuxPanel_stateViews_span {
+        font-weight: var(--fontWeight);
+        color: var(--color);
+
         &[data-severity="warning"] {
-            font-weight: bold;
-            color: orange;
+            --fontWeight: bold;
+            --color: orange;
         }
 
         &[data-severity="alert"] {
-            font-weight: bold;
-            color: red;
+            --fontWeight: bold;
+            --color: red;
         }
 
         &[data-severity="normal"] {
-            font-weight: normal;
+            --fontWeight: normal;
         }
 
         &[data-severity="notice"] {
-            font-weight: normal;
-            color: $settings-grey-fg-color;
+            --fontWeight: normal;
+            --color: $settings-grey-fg-color;
         }
 
         a {