Merge pull request #10796 from edx/clrux/ac-253

LMS: changing blue to pink, ensuring contrast, for Studio/Staff

lms/static/sass/base/_variables.scss

@@ -67,8 +67,6 @@ $gray-d2:   shade($gray,40%) !default;
 $gray-d3:   shade($gray,60%) !default;
 $gray-d4:   shade($gray,80%) !default;
 
-
-$blue: rgb(0, 120, 176);
 $yellow: rgb(255, 252, 221);
 
 $pink: rgb(182,37,103);
@@ -303,6 +301,9 @@ $audit-color-lvl2: tint($audit-color-lvl1, 33%);
 // edx-specific: credit
 $credit-color-base: rgb(244,195,0); // accessible with black text
 
+// edx-specific: Studio/Staff actions
+$staff-color: $pink;
+
 
 // ----------------------------
 // #TYPOGRAPHY

lms/static/sass/course/courseware/_courseware.scss

@@ -30,16 +30,16 @@ html.video-fullscreen {
   .instructor-info-action {
     @extend %t-copy-sub2;
     @include float(right);
-    margin-left: ($baseline/2);
+    @include margin-left($baseline/2);
     padding: ($baseline/4) ($baseline/2);
     border-radius: ($baseline/4);
     background-color: $shadow-l2;
     text-align: right;
     text-transform: uppercase;
-    color: $lighter-base-font-color;
+    color: $staff-color;
 
     &:hover {
-      background-color: $link-hover;
+      background-color: $staff-color;
       color: $white;
     }
   }

lms/static/sass/multicourse/_course_about.scss

@@ -252,10 +252,10 @@
         background-color: $shadow-l2;
         text-align: right;
         text-transform: uppercase;
-        color: $lighter-base-font-color;
+        color: $staff-color;
 
         &:hover {
-          background-color: $link-hover;
+          background-color: $staff-color;
           color: $white;
         }
       }