3 files changed, 20 insertions, 5 deletions
diff --git a/common/gnome-shell/3.18/gnome-shell-dark.css b/common/gnome-shell/3.18/gnome-shell-dark.css
index 3e43828..6e29ddc 100644
--- a/common/gnome-shell/3.18/gnome-shell-dark.css
+++ b/common/gnome-shell/3.18/gnome-shell-dark.css
@@ -988,16 +988,21 @@ StScrollBar {
     font-size: 1em; }
 
 .message-media-control {
-  padding: 6px; }
+  padding: 6px;
+  color: rgba(211, 218, 227, 0.45); }
   .message-media-control:last-child:ltr {
     padding-right: 18px; }
   .message-media-control:last-child:rtl {
     padding-left: 18px; }
+  .message-media-control:hover {
+    color: #D3DAE3; }
+  .message-media-control:active {
+    color: #5294E2; }
 
 .media-message-cover-icon {
   icon-size: 32px; }
   .media-message-cover-icon.fallback {
-    color: #4e5467;
+    color: rgba(211, 218, 227, 0.45);
     background-color: #383C4A;
     border-radius: 2px;
     icon-size: 16px;
diff --git a/common/gnome-shell/3.18/gnome-shell.css b/common/gnome-shell/3.18/gnome-shell.css
index 9660c38..80f818c 100644
--- a/common/gnome-shell/3.18/gnome-shell.css
+++ b/common/gnome-shell/3.18/gnome-shell.css
@@ -988,16 +988,21 @@ StScrollBar {
     font-size: 1em; }
 
 .message-media-control {
-  padding: 6px; }
+  padding: 6px;
+  color: rgba(92, 97, 108, 0.55); }
   .message-media-control:last-child:ltr {
     padding-right: 18px; }
   .message-media-control:last-child:rtl {
     padding-left: 18px; }
+  .message-media-control:hover {
+    color: #5c616c; }
+  .message-media-control:active {
+    color: #5294E2; }
 
 .media-message-cover-icon {
   icon-size: 32px; }
   .media-message-cover-icon.fallback {
-    color: white;
+    color: rgba(92, 97, 108, 0.55);
     background-color: #F5F6F7;
     border-radius: 2px;
     icon-size: 16px;
diff --git a/common/gnome-shell/3.18/sass/_common.scss b/common/gnome-shell/3.18/sass/_common.scss
index 9351847..6094af9 100644
--- a/common/gnome-shell/3.18/sass/_common.scss
+++ b/common/gnome-shell/3.18/sass/_common.scss
@@ -1289,15 +1289,20 @@ StScrollBar {
 
 .message-media-control {
   padding: 6px;
+  color: $insensitive_fg_color;
 
   &:last-child:ltr { padding-right: 18px; }
   &:last-child:rtl { padding-left: 18px; }
+
+  &:hover { color: $fg_color; }
+  &:active { color: $selected_bg_color; }
 }
 
 .media-message-cover-icon {
   icon-size: 32px;
+
   &.fallback {
-    color: lighten($bg_color,10%);
+    color: $insensitive_fg_color;
     background-color: $bg_color;
     border-radius: 2px;
     icon-size: 16px;