Index: lams_central/conf/scss/_lams_variables.scss
===================================================================
diff -u -r70e6fe3062072e2c6188217c562a4f33f0838604 -rf0dd067cb016bd5669a5d1316fca29cf70464cda
--- lams_central/conf/scss/_lams_variables.scss	(.../_lams_variables.scss)	(revision 70e6fe3062072e2c6188217c562a4f33f0838604)
+++ lams_central/conf/scss/_lams_variables.scss	(.../_lams_variables.scss)	(revision f0dd067cb016bd5669a5d1316fca29cf70464cda)
@@ -1,13 +1,10 @@
 // Import this file into all LAMS scss files to get the consistent definitions
-//@import "_material-kit.scss";
-@import "material-kit/variables.scss";
+// Based on $brand-primary:              $blue-a400 !default;
+@import "material-kit/variables-blue.scss";
 @import "material-kit/bootstrap/scss/mixins/breakpoints.scss";
 @import "material-kit/bootstrap/scss/mixins/buttons.scss";
 @import "mixins.scss";
 
-// dialog related
-$authoring-width-lg: 1280px;
-
 // LAMS SASS Global Variables
 $gray-light-mid:  $grey-300; // #dddddd
 $gray-lightest:  $grey-100; // #f5f5f5 or whitesmoke
@@ -48,6 +45,21 @@
 // Red
 $border-thin-danger: thin solid $brand-danger;
 $border-medium-danger: 3px solid $brand-danger;
+
+// Override the material kit parts that are hard coded to purple
+.card {
+	.card-header-primary,
+	&.bg-primary,
+	&.card-rotate.bg-primary .front,
+	&.card-rotate.bg-primary .back {
+		background: linear-gradient(60deg, $blue-a400, $blue-a700);
+	}
+}
+    
+// dialog related
+$authoring-width-lg: 1280px;
+
+
 // 
 // learner page box shadow
 // $panel-box-shadow: 0 1px 1px rgba(8, 8, 8, 0.88);