improve: Chat List hover effects

Sleeeeeek

Author: JSKitty

src/styles.css

@@ -704,6 +704,8 @@ body {
   margin-top: auto;
   margin-bottom: -4px;
   text-align: left;
+  color: rgba(255, 255, 255, 0.75);
+  transition: color 0.2s ease;
 }
 
 .chatlist-contact-preview p {
@@ -713,6 +715,19 @@ body {
   font-family: 'Rubik';
   font-weight: 100;
   color: rgb(161, 161, 161);
+  transition: color 0.2s ease;
+}
+
+.chatlist-contact:hover {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.chatlist-contact:hover .chatlist-contact-preview h4 {
+  color: rgba(255, 255, 255, 1);
+}
+
+.chatlist-contact:hover .chatlist-contact-preview p {
+  color: rgba(255, 255, 255, 0.85);
 }
 
 .chats {

src/themes/chatstr/dark.css

@@ -30,10 +30,6 @@
   border-color: transparent;
 }
 
-.chatlist-contact:hover {
-  border-color: rgba(193, 147, 219, 0.25);
-}
-
 .chat {
   background-color: inherit;
 }

src/themes/vector/dark.css

@@ -30,10 +30,6 @@
   border-color: transparent;
 }
 
-.chatlist-contact:hover {
-  border-color: rgba(152, 255, 214, 0.25);
-}
-
 .chat {
   background-color: #161616;
 }