addressing review feedback on video buttons - switched to use themeable color variables

cms/static/sass/_variables.scss

@@ -199,3 +199,10 @@ $error-red: rgb(253, 87, 87);
 // type
 $sans-serif: $f-sans-serif;
 $body-line-height: golden-ratio(.875em, 1);
+
+// carried over from LMS for xmodules
+$action-primary-active-bg: #1AA1DE; // $m-blue
+$very-light-text: #fff;
+
+
+

common/lib/xmodule/xmodule/css/video/display.scss

@@ -27,6 +27,10 @@ div.video {
     height: 0px;
   }
 
+  .wrapper-downloads {
+    margin: 0;
+    padding: 0;
+
     .video-sources,
     .video-tracks {
       display: inline-block;
@@ -37,17 +41,18 @@ div.video {
         @include font-size(14);
         display: inline-block;
         border-radius: 3px 3px 3px 3px;
-      background-color: $white;
+        background-color: $very-light-text;
         padding: ($baseline*.75);
         color: $lighter-base-font-color;
 
         &:hover {
-        background-color: $blue;
-        color: $white;
+          background-color: $action-primary-active-bg;
+          color: $very-light-text;
         }
       }
 
     }
+  }
 
   article.video-wrapper {
     float: left;

lms/templates/video.html

@@ -76,7 +76,7 @@
     </div>
 
     <div class="focus_grabber last"></div>
-<ul class="downloads-wrapper">
+<ul class="wrapper-downloads">
 % if sources.get('main'):
     <li class="video-sources">
         ${('<a href="%s">' + _('Download video') + '</a>') % sources.get('main')}