fix: Fixed Paragon scss var reference for CI (edx#78)

brian-smith-tcril · Jan 6, 2025 · 2f0d421 · 2f0d421
1 parent 375847b
commit 2f0d421
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -42,7 +42,7 @@
   },
   "dependencies-note": "Most deps are peer deps because they're specified by frontend-app-learning.",
   "dependencies": {
-    "@edx/brand": "npm:@edx/[email protected].0",
+    "@edx/brand": "npm:@openedx/[email protected].3",
     "@optimizely/react-sdk": "^2.9.2",
     "react-markdown": "^8.0.5",
     "uuid": "9.0.0"

diff --git a/src/components/MessageForm/MessageForm.scss b/src/components/MessageForm/MessageForm.scss
@@ -1,14 +1,16 @@
+@use '../../utils/variables' as var;
+
 .message-form {
   padding: 0.75rem 1.5rem;
 
   .send-message-input {
     .pgn__form-control-floating-label {
-      color: $gray-300;
+      color: var.$gray-300;
     }
 
     input {
       border-radius: 1rem;
-      border: 1px solid $gray-200;
+      border: 1px solid var.$gray-200;
     }
   }
 
@@ -17,6 +19,6 @@
   }
 
   button {
-    color: $gray-400;
+    color: var.$gray-400;
   }
 }
diff --git a/src/utils/_variables.scss b/src/utils/_variables.scss
@@ -1,2 +1,7 @@
 $dark-green: #0e3639;
 $accent-yellow: #f0cc00;
+
+// Paragon variables: https://github.com/edx/brand-edx.org/blob/master/paragon/_variables.scss
+$gray-200: #cccccc !default;
+$gray-300: #adadad !default;
+$gray-400: #8f8f8f !default;