diff --git a/css/devstyles.css b/css/devstyles.css
index ca1823c..f7c4dc0 100644
--- a/css/devstyles.css
+++ b/css/devstyles.css
@@ -676,25 +676,25 @@ a.t-item-course-config {
 
 .r-item-start.completion-incomplete i,
 .r-completion-incomplete {
-    color: #7f7f7f;
+    color: var(--gray);
 }
 .r-completion-progress {
-    color: rgb(139, 107, 0);
+    color: var(--warning);
 }
 .r-completion-completed, .r-completion-complete-pass {
-    color: rgb(0, 126, 0);
+    color: var(--success);
 }
 .r-completion-good {
-    color: #398;
+    color: var(--info);
 }
 .r-completion-excellent, .r-completion-complete {
-    color: rgb(0, 103, 255);
+    color: var(--blue);
 }
 .r-completion-pending {
-    color: #7f7f7f;
+    color: var(--gray);
 }
 .r-completion-failed, .r-completion-complete-fail {
-    color: #933;
+    color: var(--danger);
 }
 
 th.r-aggregation-all {