From fbe8a4151c66a0e74781d5ecd6cf9191b3b08a57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= <jeremie@astori.fr>
Date: Fri, 13 Jul 2018 00:23:45 -0400
Subject: [PATCH] Reuse CSS variable on muted texts (timestamp, self messages,
 etc.) and improve constrast accessibility

#767676 is the lightest gray that passes AA level of WCAG contrast recommendations
---
 client/css/style.css      |  8 ++++----
 client/themes/morning.css | 27 ---------------------------
 2 files changed, 4 insertions(+), 31 deletions(-)

diff --git a/client/css/style.css b/client/css/style.css
index dba8c996..7508bd32 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -961,7 +961,7 @@ background on hover (unless active) */
 }
 
 #windows .header .topic {
-	color: #777;
+	color: var(--body-color-muted);
 	margin-left: 8px;
 	word-break: break-all;
 	flex-grow: 1;
@@ -1185,7 +1185,7 @@ background on hover (unless active) */
 }
 
 #chat .time {
-	color: #999;
+	color: var(--body-color-muted);
 	padding-left: 10px;
 	width: 55px;
 }
@@ -1280,7 +1280,7 @@ background on hover (unless active) */
 #chat.colored-nicks .user.color-32 { color: #e60082; }
 
 #chat .self .text {
-	color: #999;
+	color: var(--body-color-muted);
 }
 
 #chat .msg.channel_list_loading .text {
@@ -1362,7 +1362,7 @@ background on hover (unless active) */
 #chat .quit .content,
 #chat .topic .content,
 #chat .topic_set_by .content {
-	color: #999;
+	color: var(--body-color-muted);
 }
 
 #chat .action .from,
diff --git a/client/themes/morning.css b/client/themes/morning.css
index 48d361e7..de803f42 100644
--- a/client/themes/morning.css
+++ b/client/themes/morning.css
@@ -107,10 +107,6 @@
 	color: #b7c5d1;
 }
 
-#windows .header .topic {
-	color: #b7c5d1;
-}
-
 #viewport .lt,
 #viewport .rt,
 #chat button.menu,
@@ -123,10 +119,6 @@
 	color: #f3f3f3;
 }
 
-#chat .self .text {
-	color: #b7c5d1;
-}
-
 #chat .error,
 #chat .error .from {
 	color: #f92772;
@@ -136,25 +128,6 @@
 	color: #b7c5d1;
 }
 
-#chat .msg.topic {
-	color: #b7c5d1;
-}
-
-#chat .time,
-#chat .condensed .content,
-#chat .away .content,
-#chat .back .content,
-#chat .join .content,
-#chat .kick .content,
-#chat .mode .content,
-#chat .nick .content,
-#chat .part .content,
-#chat .quit .content,
-#chat .topic .content,
-#chat .topic_set_by .content {
-	color: #b7c5d1;
-}
-
 #chat table.channel-list td {
 	color: #b7c5d1;
 }