chore: Adds color codes as fallbacks

openedx · Jan 28, 2025 · 84dbe96 · 84dbe96
1 parent 686184b
commit 84dbe96
Show file tree

Hide file tree

Showing 9 changed files with 159 additions and 159 deletions.
diff --git a/xmodule/static/css-builtin-blocks/AnnotatableBlockDisplay.css b/xmodule/static/css-builtin-blocks/AnnotatableBlockDisplay.css
@@ -11,7 +11,7 @@
 .xmodule_display.xmodule_AnnotatableBlock .annotatable-section {
     position: relative;
     padding: 0.5em 1em;
-    border: 1px solid var(--gray-l3);
+    border: 1px solid var(--gray-l3, #c8c8c8);
     border-radius: 0.5em;
     margin-bottom: 0.5em;
 }
@@ -29,7 +29,7 @@
 }
 
 .xmodule_display.xmodule_AnnotatableBlock .annotatable-section .annotatable-section-body {
-    border-top: 1px solid var(--gray-l3);
+    border-top: 1px solid var(--gray-l3, #c8c8c8);
     margin-top: 0.5em;
     padding-top: 0.5em;
 }
@@ -151,7 +151,7 @@
     border: 1px solid #333;
     border-radius: 1em;
     background-color: rgba(0, 0, 0, 0.85);
-    color: var(--white);
+    color: var(--white, #fff);
     -webkit-font-smoothing: antialiased;
 }
 
@@ -176,7 +176,7 @@
 
 .xmodule_display.xmodule_AnnotatableBlock .ui-tooltip.qtip.ui-tooltip .ui-tooltip-titlebar .ui-state-hover {
     color: inherit;
-    border: 1px solid var(--gray-l3);
+    border: 1px solid var(--gray-l3, #c8c8c8);
 }
 
 .xmodule_display.xmodule_AnnotatableBlock .ui-tooltip.qtip.ui-tooltip .ui-tooltip-content {

diff --git a/xmodule/static/css-builtin-blocks/HtmlBlockDisplay.css b/xmodule/static/css-builtin-blocks/HtmlBlockDisplay.css
@@ -11,7 +11,7 @@
 .xmodule_display.xmodule_CourseInfoBlock h1,
 .xmodule_display.xmodule_HtmlBlock h1,
 .xmodule_display.xmodule_StaticTabBlock h1 {
-    color: var(--body-color);
+    color: var(--body-color, #313131);
     font: normal 2em/1.4em var(--font-family-sans-serif);
     letter-spacing: 1px;
     margin: 0 0 1.416em;
@@ -83,7 +83,7 @@
     margin-bottom: 1.416em;
     font-size: 1em;
     line-height: 1.6em !important;
-    color: var(--body-color);
+    color: var(--body-color, #313131);
 }
 
 .xmodule_display.xmodule_AboutBlock em,
@@ -162,7 +162,7 @@
 .xmodule_display.xmodule_StaticTabBlock ul {
     padding: 0 0 0 1em;
     margin: 1em 0;
-    color: var(--body-color);
+    color: var(--body-color, #313131);
 }
 
 .xmodule_display.xmodule_AboutBlock ol li,
@@ -210,7 +210,7 @@
 .xmodule_display.xmodule_StaticTabBlock a:hover,
 .xmodule_display.xmodule_StaticTabBlock a:active,
 .xmodule_display.xmodule_StaticTabBlock a:focus {
-    color: var(--blue);
+    color: var(--blue, #0075b4);
 }
 
 .xmodule_display.xmodule_AboutBlock img,
@@ -226,7 +226,7 @@
 .xmodule_display.xmodule_HtmlBlock pre,
 .xmodule_display.xmodule_StaticTabBlock pre {
     margin: 1em 0;
-    color: var(--body-color);
+    color: var(--body-color, #313131);
     font-family: monospace, serif;
     font-size: 1em;
     white-space: pre-wrap;
@@ -237,7 +237,7 @@
 .xmodule_display.xmodule_CourseInfoBlock code,
 .xmodule_display.xmodule_HtmlBlock code,
 .xmodule_display.xmodule_StaticTabBlock code {
-    color: var(--body-color);
+    color: var(--body-color, #313131);
     font-family: monospace, serif;
     background: none;
     padding: 0;
@@ -263,7 +263,7 @@
 .xmodule_display.xmodule_StaticTabBlock table th {
     margin: var(--baseline, 20px) 0;
     padding: calc((var(--baseline, 20px) / 2));
-    border: 1px solid var(--gray-l3);
+    border: 1px solid var(--gray-l3, #c8c8c8);
     font-size: 14px;
 }
 
@@ -317,9 +317,9 @@
     padding: calc((var(--baseline, 20px) / 4)) 7px;
     border-radius: 5px;
     opacity: 0.9;
-    background: var(--white);
-    color: var(--black);
-    border: 2px solid var(--black);
+    background: var(--white, #fff);
+    color: var(--black, #000);
+    border: 2px solid var(--black, #000);
 }
 
 .xmodule_display.xmodule_AboutBlock .wrapper-modal-image .modal-ui-icon .label,

diff --git a/xmodule/static/css-builtin-blocks/HtmlBlockEditor.css b/xmodule/static/css-builtin-blocks/HtmlBlockEditor.css
@@ -172,8 +172,8 @@
 .xmodule_edit.xmodule_CourseInfoBlock .editor .editor-tabs .tab.current,
 .xmodule_edit.xmodule_HtmlBlock .editor .editor-tabs .tab.current,
 .xmodule_edit.xmodule_StaticTabBlock .editor .editor-tabs .tab.current {
-    background: var(--white);
-    border-bottom-color: var(--white);
+    background: var(--white, #fff);
+    border-bottom-color: var(--white, #fff);
 }
 
 .xmodule_edit.xmodule_AboutBlock .html-editor:after,

diff --git a/xmodule/static/css-builtin-blocks/LTIBlockDisplay.css b/xmodule/static/css-builtin-blocks/LTIBlockDisplay.css
@@ -19,7 +19,7 @@
 
 .xmodule_display.xmodule_LTIBlock div.lti .wrapper-lti-link {
     font-size: 14px;
-    background-color: var(--sidebar-color);
+    background-color: var(--sidebar-color, #f6f6f6);
     padding: var(--baseline, 20px);
 }