From e91dcdb0e06171e5f18b41a3a42fbc560c627aec Mon Sep 17 00:00:00 2001
From: Matei Stanca <i@ambientimpact.com>
Date: Tue, 2 May 2023 12:54:00 -0400
Subject: [PATCH] Enforce level background colours now use CSS custom
 properties from CE.

---
 config_enforce_devel.libraries.yml | 3 +++
 css/config-enforce-devel.css       | 6 +++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/config_enforce_devel.libraries.yml b/config_enforce_devel.libraries.yml
index 5bb15d5..6822b6e 100644
--- a/config_enforce_devel.libraries.yml
+++ b/config_enforce_devel.libraries.yml
@@ -4,3 +4,6 @@ config-enforce-devel:
     component:
        css/config-enforce-devel.css: {}
        css/config-enforce-devel-toolbar.css: {}
+  dependencies:
+    # Needed for CSS custom properties definined therein.
+    - config_enforce/config-enforce
diff --git a/css/config-enforce-devel.css b/css/config-enforce-devel.css
index e916da1..9697792 100644
--- a/css/config-enforce-devel.css
+++ b/css/config-enforce-devel.css
@@ -4,15 +4,15 @@ form.config-enforce-enforced-configs-form tr.enforced a {
 }
 form.config-enforce-enforced-configs-form tr.enforced.level-20,
 form.config-enforce-enforced-configs-form tr.enforced.level-20 li {
-    background-color: paleGreen;
+  background-color: var(--config-enforce-background-colour-level-20);
 }
 form.config-enforce-enforced-configs-form tr.enforced.level-10,
 form.config-enforce-enforced-configs-form tr.enforced.level-10 li {
-    background-color: lightBlue;
+  background-color: var(--config-enforce-background-colour-level-10);
 }
 form.config-enforce-enforced-configs-form tr.enforced.level-0,
 form.config-enforce-enforced-configs-form tr.enforced.level-0 li {
-    background-color: lightGrey;
+  background-color: var(--config-enforce-background-colour-level-0);
 }
 
 form.config-enforce-devel-modal div.form-wrapper,
-- 
GitLab