From d80a7786e123913b6caa7ca5556fa4a03b59697d Mon Sep 17 00:00:00 2001
From: Christie Rice <8483753+crice100@users.noreply.github.com>
Date: Tue, 24 Nov 2020 10:13:00 -0500
Subject: [PATCH] MICROBA-734 Rename specific color (#25671)

---
 lms/static/js/demographics_collection/Wizard.jsx          | 8 ++++----
 .../lms/static/sass/partials/lms/theme/_dashboard.scss    | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/lms/static/js/demographics_collection/Wizard.jsx b/lms/static/js/demographics_collection/Wizard.jsx
index c1a717893a..131830010b 100644
--- a/lms/static/js/demographics_collection/Wizard.jsx
+++ b/lms/static/js/demographics_collection/Wizard.jsx
@@ -71,7 +71,7 @@ export default class Wizard extends React.Component {
           {errorPage.props.children}
         </div>
         <div className="wizard-footer justify-content-end h-100 d-flex flex-column">
-          <button className="wizard-button blue" arial-label={gettext("close questionnaire")} onClick={this.props.onWizardComplete}>{gettext("Close")}</button>
+          <button className="wizard-button colored" arial-label={gettext("close questionnaire")} onClick={this.props.onWizardComplete}>{gettext("Close")}</button>
         </div>
       </div>
     )
@@ -85,7 +85,7 @@ export default class Wizard extends React.Component {
   }
 
   /**
-   * Utility method for closing the modal and returning the learner back to the Course Dashboard. 
+   * Utility method for closing the modal and returning the learner back to the Course Dashboard.
    * If a learner is on the final page of the modal, meaning they have answered all of the
    * questions, clicking the "Return to my dashboard" button will also dismiss the CTA from the
    * course dashboard.
@@ -110,8 +110,8 @@ export default class Wizard extends React.Component {
         </div>
         {this.renderPage()}
         <div className="wizard-footer justify-content-end h-100 d-flex flex-column">
-          <button className={`wizard-button ${finalPage && 'blue'}`} onClick={this.wizardComplete} aria-label={gettext("finish later")}>{finalPage ? gettext("Return to my dashboard") : gettext("Finish later")}</button>
-          <button className="wizard-button blue" hidden={finalPage} onClick={this.handleNext} aria-label={gettext("next page")}>{gettext("Next")}</button>
+          <button className={`wizard-button ${finalPage && 'colored'}`} onClick={this.wizardComplete} aria-label={gettext("finish later")}>{finalPage ? gettext("Return to my dashboard") : gettext("Finish later")}</button>
+          <button className="wizard-button colored" hidden={finalPage} onClick={this.handleNext} aria-label={gettext("next page")}>{gettext("Next")}</button>
         </div>
       </div>
     );
diff --git a/themes/edx.org/lms/static/sass/partials/lms/theme/_dashboard.scss b/themes/edx.org/lms/static/sass/partials/lms/theme/_dashboard.scss
index 086da850aa..7cd6683819 100644
--- a/themes/edx.org/lms/static/sass/partials/lms/theme/_dashboard.scss
+++ b/themes/edx.org/lms/static/sass/partials/lms/theme/_dashboard.scss
@@ -81,7 +81,7 @@
       margin: 5px 0 5px 0;
       box-shadow: none;
 
-      &.blue {
+      &.colored {
         background-color: #23419f;
         color: #ffffff;
         border: none;
@@ -204,7 +204,7 @@
       }
     }
   }
-  
+
   .side-container {
     .wrapper-coaching {
       border: 1px solid $gray-500;