diff --git a/client/css/style.css b/client/css/style.css
index 1ce32585..58574064 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -19,6 +19,10 @@
 
 	/* Color of the unread message marker, text and separator */
 	--unread-marker-color: rgba(231, 76, 60, 0.5);
+
+	/* Background and left-border color of highlight messages */
+	--highlight-bg-color: #efe8dc;
+	--highlight-border-color: #b08c4f;
 }
 
 /* Samsung Internet <7.0 and Microsoft Edge support (yes, both of them use webkit prefix) */
@@ -1176,7 +1180,7 @@ background on hover (unless active) */
 }
 
 #chat .time {
-	color: #ddd;
+	color: #999;
 	padding-left: 10px;
 	width: 55px;
 }
@@ -1366,11 +1370,23 @@ background on hover (unless active) */
 }
 
 #chat .error,
-#chat .error .from,
-#chat .channel .highlight .from,
-#chat .channel .highlight .text,
-#chat .channel .highlight .user {
-	color: #f00;
+#chat .error .from {
+	color: #e74c3c;
+}
+
+#chat .channel .message.highlight {
+	background-color: var(--highlight-bg-color);
+	border-left: 5px solid var(--highlight-border-color);
+}
+
+#chat .channel .message.highlight .time {
+	padding-left: 5px;
+	width: 50px;
+	color: #696969;
+}
+
+#chat .channel .message.highlight .content {
+	border-left: 1px solid var(--highlight-bg-color);
 }
 
 #chat .toggle-content.opened .more-caret, /* Expand/Collapse link previews */
@@ -2427,12 +2443,12 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
 
 	#chat .messages {
 		display: block;
-		padding: 5px 10px;
+		padding: 5px 0;
 	}
 
 	#chat .msg {
 		display: block;
-		padding: 2px 0;
+		padding: 2px 10px;
 	}
 
 	#chat .time,
@@ -2443,16 +2459,15 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
 		padding: 0;
 	}
 
+	#chat .channel .message.highlight .time {
+		padding-left: 0;
+	}
+
 	#chat .condensed-summary .time,
 	#chat .condensed-summary .from {
 		display: none;
 	}
 
-	#chat .date-marker,
-	#chat .unread-marker {
-		margin: 0;
-	}
-
 	#help .help-item .subject {
 		display: inline-block;
 		padding-bottom: 4px;
diff --git a/client/themes/morning.css b/client/themes/morning.css
index e9c16d59..0ce68f90 100644
--- a/client/themes/morning.css
+++ b/client/themes/morning.css
@@ -6,6 +6,12 @@
 	--window-bg-color: #303e4a;
 	--date-marker-color: #97ea70;
 	--unread-marker-color: #f92772;
+	--highlight-bg-color: #4d4332;
+	--highlight-border-color: #b08c4f;
+}
+
+#chat .channel .message.highlight .time {
+	color: white;
 }
 
 #windows .logo {
@@ -121,10 +127,7 @@
 }
 
 #chat .error,
-#chat .error .from,
-#chat .channel .highlight,
-#chat .channel .highlight .from,
-#chat .channel .highlight .text {
+#chat .error .from {
 	color: #f92772;
 }
 
@@ -136,6 +139,7 @@
 	color: #b7c5d1;
 }
 
+#chat .time,
 #chat .condensed .content,
 #chat .away .content,
 #chat .back .content,