From 2010ad8dca3861f0ff8ef0079eb1490ce4f4300e Mon Sep 17 00:00:00 2001
From: Karl Prieb <karl@prieb.me>
Date: Fri, 17 Nov 2017 15:36:50 -0200
Subject: [PATCH] remove opaque

---
 packages/rocketchat-theme/client/imports/general/base.css | 5 -----
 packages/rocketchat-theme/server/colors.less              | 8 --------
 packages/rocketchat-ui/client/lib/readMessages.js         | 6 +-----
 3 files changed, 1 insertion(+), 18 deletions(-)

diff --git a/packages/rocketchat-theme/client/imports/general/base.css b/packages/rocketchat-theme/client/imports/general/base.css
index a2c9adbab6f7..05254e09e43f 100644
--- a/packages/rocketchat-theme/client/imports/general/base.css
+++ b/packages/rocketchat-theme/client/imports/general/base.css
@@ -152,11 +152,6 @@ button {
 	}
 }
 
-.first-unread-opaque .body::after {
-	color: rgba(0, 0, 0, 0.2);
-	background: transparent;
-}
-
 .message.new-day.first-unread {
 	&::after {
 		border-color: var(--rc-color-error);
diff --git a/packages/rocketchat-theme/server/colors.less b/packages/rocketchat-theme/server/colors.less
index 11719a4c66f0..fd8f2397df7e 100755
--- a/packages/rocketchat-theme/server/colors.less
+++ b/packages/rocketchat-theme/server/colors.less
@@ -562,14 +562,6 @@ input:-webkit-autofill {
  * Message content
  */
 
-.first-unread-opaque {
-	.body {
-		&::before {
-			background: @transparent-dark;
-		}
-	}
-}
-
 .message {
 	&.new-day::before {
 		background-color: @content-background-color;
diff --git a/packages/rocketchat-ui/client/lib/readMessages.js b/packages/rocketchat-ui/client/lib/readMessages.js
index 72b7b10ca50e..8fb246850e93 100644
--- a/packages/rocketchat-ui/client/lib/readMessages.js
+++ b/packages/rocketchat-ui/client/lib/readMessages.js
@@ -125,9 +125,6 @@ const readMessage = new class {
 			return;
 		}
 
-		const $roomDom = $(room.dom);
-		$roomDom.find('.message.first-unread').addClass('first-unread-opaque');
-
 		if (!subscription.alert && (subscription.unread === 0)) {
 			room.unreadSince.set(undefined);
 			return;
@@ -137,7 +134,6 @@ const readMessage = new class {
 			return;
 		}
 
-		$roomDom.find('.message.first-unread').removeClass('first-unread').removeClass('first-unread-opaque');
 
 		let lastReadRecord = ChatMessage.findOne({
 			rid: subscription.rid,
@@ -184,7 +180,7 @@ const readMessage = new class {
 
 			if (firstUnreadRecord != null) {
 				room.unreadFirstId = firstUnreadRecord._id;
-				return $roomDom.find(`.message#${ firstUnreadRecord._id }`).addClass('first-unread');
+				$(room.dom).find(`.message#${ firstUnreadRecord._id }`).addClass('first-unread');
 			}
 		}
 	}