set background on highlighted messages

matrix-org · Jul 2, 2019 · fc3c4fc · fc3c4fc
1 parent daa2250
commit fc3c4fc
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 4 deletions.
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -201,8 +201,12 @@ div.mx_EventTile_notSent.mx_EventTile_redacted .mx_UnknownBody {
 
 .mx_EventTile_highlight,
 .mx_EventTile_highlight .markdown-body
- {
-    color: $warning-color;
+{
+    color: $event-highlight-fg-color;
+
+    .mx_EventTile_line {
+        background-color: $event-highlight-bg-color;
+    }
 }
 
 .mx_EventTile_contextual {

diff --git a/res/themes/dark/css/_dark.scss b/res/themes/dark/css/_dark.scss
@@ -121,6 +121,9 @@ $event-sending-color: $text-secondary-color;
 $event-redacted-fg-color: #606060;
 $event-redacted-border-color: #000000;
 
+$event-highlight-fg-color: $warning-color;
+$event-highlight-bg-color: $event-selected-color;
+
 // event timestamp
 $event-timestamp-color: $text-secondary-color;
 

diff --git a/res/themes/light/css/_light.scss b/res/themes/light/css/_light.scss
@@ -195,12 +195,18 @@ $panel-divider-color: #dee1f3;
 $widget-menu-bar-bg-color: $secondary-accent-color;
 
 // ********************
-
+// both $event-highlight-bg-color and $room-warning-bg-color share this value,
+// so to not make their order dependent on who depends on who, have a shared value
+// defined before both
+$yellow-background: #fff8e3;
 // event tile lifecycle
 $event-encrypting-color: #abddbc;
 $event-sending-color: #ddd;
 $event-notsent-color: #f44;
 
+$event-highlight-fg-color: $warning-color;
+$event-highlight-bg-color: $yellow-background;
+
 // event redaction
 $event-redacted-fg-color: #e2e2e2;
 $event-redacted-border-color: #cccccc;
@@ -244,7 +250,7 @@ $togglesw-ball-color: #fff;
 
 $progressbar-color: #000;
 
-$room-warning-bg-color: #fff8e3;
+$room-warning-bg-color: $yellow-background;
 
 $memberstatus-placeholder-color: $roomtile-name-color;