diff --git a/assets/stylesheets/assigns.scss b/assets/stylesheets/assigns.scss
index 8625524..a73cff0 100644
--- a/assets/stylesheets/assigns.scss
+++ b/assets/stylesheets/assigns.scss
@@ -14,7 +14,7 @@
   .d-icon,
   i.fa {
     margin-right: 0.25em;
-    color: $primary-medium;
+    color: var(--primary-medium, $primary-medium);
   }
   .assign-text {
     margin-right: 0.25em;
@@ -29,8 +29,8 @@
 
 .cant-act-flagged-post {
   padding: 0.5em;
-  border: 1px dashed $primary-medium;
-  color: $primary;
+  border: 1px dashed var(--primary-medium, $primary-medium);
+  color: var(--primary, $primary);
 
   display: flex;
   justify-content: space-between;
diff --git a/assets/stylesheets/mobile/assigns.scss b/assets/stylesheets/mobile/assigns.scss
index 4eea2ef..58b153a 100644
--- a/assets/stylesheets/mobile/assigns.scss
+++ b/assets/stylesheets/mobile/assigns.scss
@@ -19,7 +19,7 @@
 
       .username {
         font-size: $font-down-1;
-        color: $primary-medium;
+        color: var(--primary-medium, $primary-medium);
       }
     }
   }