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%);