From 039eef98eef9c193b16c3188ada11c6d07d07456 Mon Sep 17 00:00:00 2001
From: sercan <sercanyemen@gmail.com>
Date: Fri, 7 May 2021 12:40:02 +0300
Subject: [PATCH] (apps/chat) Tweaked hover colors on lists for better
 consistency

---
 src/app/modules/admin/apps/chat/chats/chats.component.html   | 5 +++--
 .../modules/admin/apps/chat/new-chat/new-chat.component.html | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/modules/admin/apps/chat/chats/chats.component.html b/src/app/modules/admin/apps/chat/chats/chats.component.html
index 440c18a7..59837cc8 100644
--- a/src/app/modules/admin/apps/chat/chats/chats.component.html
+++ b/src/app/modules/admin/apps/chat/chats/chats.component.html
@@ -116,8 +116,9 @@
                         <ng-container *ngIf="filteredChats.length > 0; else noChats">
                             <ng-container *ngFor="let chat of filteredChats; trackBy: trackByFn">
                                 <div
-                                    class="z-20 flex items-center py-5 px-8 cursor-pointer border-b hover:bg-hover"
-                                    [ngClass]="{'bg-primary-50 dark:bg-hover': selectedChat && selectedChat.id === chat.id}"
+                                    class="z-20 flex items-center py-5 px-8 cursor-pointer border-b"
+                                    [ngClass]="{'hover:bg-gray-100 dark:hover:bg-hover': !selectedChat || selectedChat.id !== chat.id,
+                                                'bg-primary-50 dark:bg-hover': selectedChat && selectedChat.id === chat.id}"
                                     [routerLink]="[chat.id]">
                                     <div class="relative flex flex-0 items-center justify-center w-10 h-10">
                                         <ng-container *ngIf="chat.unreadCount > 0">
diff --git a/src/app/modules/admin/apps/chat/new-chat/new-chat.component.html b/src/app/modules/admin/apps/chat/new-chat/new-chat.component.html
index 13b5ef73..67bd41fe 100644
--- a/src/app/modules/admin/apps/chat/new-chat/new-chat.component.html
+++ b/src/app/modules/admin/apps/chat/new-chat/new-chat.component.html
@@ -20,7 +20,7 @@
                     </div>
                 </ng-container>
                 <!-- Contact -->
-                <div class="z-20 flex items-center px-6 py-4 md:px-8 cursor-pointer hover:bg-hover border-b">
+                <div class="z-20 flex items-center px-6 py-4 md:px-8 cursor-pointer border-b hover:bg-gray-100 dark:hover:bg-hover">
                     <div class="flex flex-0 items-center justify-center w-10 h-10 rounded-full overflow-hidden">
                         <ng-container *ngIf="contact.avatar">
                             <img