diff --git a/xmodule/assets/capa/_display.scss b/xmodule/assets/capa/_display.scss
index a4a2b3dffcfe..2f385d135987 100644
--- a/xmodule/assets/capa/_display.scss
+++ b/xmodule/assets/capa/_display.scss
@@ -143,6 +143,8 @@ iframe[seamless] {
 }
 
 .inline-error {
+  // TODO: Replace with following in the CSS
+  // color: darken(var(--error-color), 11%);
   color: darken($error-color, 11%);
 }
 
@@ -1239,6 +1241,8 @@ div.problem {
 
   div.capa_reset {
     padding: 25px;
+    //  TODO: Replace with following in the CSS
+    // background-color: lighten(var(--error-color), 25%);
     background-color: lighten($error-color, 25%);
     border: 1px solid var(--error-color);
     border-radius: 3px;
diff --git a/xmodule/assets/video/_accessible_menu.scss b/xmodule/assets/video/_accessible_menu.scss
index f9734d70cb72..22b3e735b778 100644
--- a/xmodule/assets/video/_accessible_menu.scss
+++ b/xmodule/assets/video/_accessible_menu.scss
@@ -2,6 +2,11 @@
 
 $a11y--gray: rgb(127, 127, 127);
 $a11y--blue: rgb(0, 159, 230);
+//  TODO: Replace with following in the CSS
+//$a11y--gray-d1: shade(var(--gray), 20%);
+//$a11y--gray-l2: tint(var(--gray), 40%);
+//$a11y--gray-l3: tint(var(--gray), 60%);
+//$a11y--blue-s1: saturate(var(--blue), 15%);
 $a11y--gray-d1: shade($gray, 20%);
 $a11y--gray-l2: tint($gray, 40%);
 $a11y--gray-l3: tint($gray, 60%);