From 5a51c3c19145f68ad32b37c85f85449a88863d91 Mon Sep 17 00:00:00 2001
From: Marcos <mrigoli@2u.com>
Date: Thu, 2 Jan 2025 12:09:39 -0300
Subject: [PATCH] fix: Fixed Paragon scss var reference for CI

---
 src/components/MessageForm/MessageForm.scss | 8 +++++---
 src/utils/_variables.scss                   | 5 +++++
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/MessageForm/MessageForm.scss b/src/components/MessageForm/MessageForm.scss
index 8c8aed5b..d5adeefa 100644
--- 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
index 00acb66f..25626eda 100644
--- 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;