diff --git a/config_enforce_devel.libraries.yml b/config_enforce_devel.libraries.yml
index 5bb15d585c9d216abf169d0ae5bc7ebb30556c98..6822b6e0b2e10782be8378b80937689b70452e63 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 e916da12e4fe734133a03b69f5f12246ddc50e76..9697792883c72e96d6ce923fb7adfc5e1b118f53 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,