diff --git a/scss/helpers/_variables.scss b/scss/helpers/_variables.scss
index 829376ce..624f01d5 100644
--- a/scss/helpers/_variables.scss
+++ b/scss/helpers/_variables.scss
@@ -5,6 +5,7 @@ $color-red: #bf360c !default;
 $color-green: adjust-hue($color-red, 140) !default;
 
 $color-shade-darkest: #000 !default;
+$color-shade-darker: #222222 !default;
 $color-shade-dark: #363636 !default;
 $color-shade-mid: #424242 !default;
 $color-shade-light: #545454 !default;
diff --git a/scss/modules/flexpane/_threads.scss b/scss/modules/flexpane/_threads.scss
index 63363186..a88c434c 100644
--- a/scss/modules/flexpane/_threads.scss
+++ b/scss/modules/flexpane/_threads.scss
@@ -58,3 +58,16 @@
 #convo_tab textarea#msg_text {
   color: $base-font-color;
 }
+
+ts-message.message:hover,
+ts-message.message:active,
+ts-message.active:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator), ts-message.message--focus:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator), ts-message:hover:not(.standalone):not(.multi_delete_mode):not(.highlight):not(.new_reply):not(.show_broadcast_indicator) {
+  background-color: $color-shade-darker;
+}
+
+ts-thread {
+  .collapse_inline_thread_container:hover,
+  .view_all_replies_container:hover {
+    background-color: $color-shade-darker;
+  }
+}