From eb7b8782fee62b040358e699a9c8f2f56c3d7e34 Mon Sep 17 00:00:00 2001
From: HF <pixelplanetdev@gmail.com>
Date: Wed, 9 Feb 2022 22:31:58 +0100
Subject: [PATCH] make every second chat message display differently

---
 src/reducers/chat.js                | 2 +-
 src/styles/default.css              | 9 +++++++--
 src/styles/theme-dark-round.css     | 8 +++++++-
 src/styles/theme-dark-sstraight.css | 8 +++++++-
 src/styles/theme-dark.css           | 8 +++++++-
 5 files changed, 29 insertions(+), 6 deletions(-)

diff --git a/src/reducers/chat.js b/src/reducers/chat.js
index eeb3b7a..2346515 100644
--- a/src/reducers/chat.js
+++ b/src/reducers/chat.js
@@ -153,7 +153,7 @@ export default function chat(
         ],
       };
       if (messages[channel].length > MAX_CHAT_MESSAGES) {
-        messages[channel].shift();
+        messages[channel].splice(0, 2);
       }
 
       /*
diff --git a/src/styles/default.css b/src/styles/default.css
index 8725886..2e3b2bb 100644
--- a/src/styles/default.css
+++ b/src/styles/default.css
@@ -660,6 +660,7 @@ tr:nth-child(even) {
   overflow-x: hidden;
   overflow-y: scroll;
 }
+
 .chatinput {
   height: 24px;
   white-space: nowrap;
@@ -678,12 +679,16 @@ tr:nth-child(even) {
   text-align: right;
 }
 .chatmsg {
+  background-color: #eaeaea;
   font-size: 13px;
   user-select: text;
-  margin: 5px 0 0 0;
+  padding: 5px 0 0 0;
+}
+.chatmsg:nth-child(even) {
+  background-color: #f2f2f2;
 }
 .chatmsg:hover {
-  background-color: #ececec;
+  background-color: #dadada;
 }
 .msg {
   color: #2d2d2d;
diff --git a/src/styles/theme-dark-round.css b/src/styles/theme-dark-round.css
index 565dd73..8005f7f 100644
--- a/src/styles/theme-dark-round.css
+++ b/src/styles/theme-dark-round.css
@@ -136,8 +136,14 @@ tr:nth-child(even) {
   background-color: rgba(187, 187, 187, 0.75);
 }
 
+.chatmsg {
+  background-color: #393939;
+}
+.chatmsg:nth-child(even) {
+  background-color: #414141;
+}
 .chatmsg:hover {
-  background-color: #474747;
+  background-color: #393939;
 }
 .msg {
   color: #f3f3f3;
diff --git a/src/styles/theme-dark-sstraight.css b/src/styles/theme-dark-sstraight.css
index dad91da..2ee8b51 100644
--- a/src/styles/theme-dark-sstraight.css
+++ b/src/styles/theme-dark-sstraight.css
@@ -141,8 +141,14 @@ tr:nth-child(even) {
   background-color: rgba(187, 187, 187, 0.75);
 }
 
+.chatmsg {
+  background-color: #393939;
+}
+.chatmsg:nth-child(even) {
+  background-color: #414141;
+}
 .chatmsg:hover {
-  background-color: #474747;
+  background-color: #393939;
 }
 .msg {
   color: #f3f3f3;
diff --git a/src/styles/theme-dark.css b/src/styles/theme-dark.css
index 551d49c..69709b4 100644
--- a/src/styles/theme-dark.css
+++ b/src/styles/theme-dark.css
@@ -121,8 +121,14 @@ tr:nth-child(even) {
   background-color: rgba(187, 187, 187, 0.75);
 }
 
+.chatmsg {
+  background-color: #393939;
+}
+.chatmsg:nth-child(even) {
+  background-color: #414141;
+}
 .chatmsg:hover {
-  background-color: #474747;
+  background-color: #393939;
 }
 .msg {
   color: #f3f3f3;