From aa02762c553ff24499b2c8453b60d822a71b6ce7 Mon Sep 17 00:00:00 2001
From: ph1p <phil@capshake.com>
Date: Tue, 21 Jul 2020 18:26:19 +0200
Subject: [PATCH] fix(color): add theme font color to connection info

---
 src/views/Chat/components/Chatbar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/Chat/components/Chatbar.tsx b/src/views/Chat/components/Chatbar.tsx
index af136c9..d441013 100644
--- a/src/views/Chat/components/Chatbar.tsx
+++ b/src/views/Chat/components/Chatbar.tsx
@@ -53,7 +53,7 @@ const ChatBar: FunctionComponent<ChatProps> = (props) => {
   return (
     <ChatBarForm isSettings={isSettings} onSubmit={sendMessage}>
       <ConnectionInfo isConnected={isConnected}>
-        {isFailed ? <>connection failed 🙈</> : 'connecting...'}
+        {isFailed ? 'connection failed 🙈' : 'connecting...'}
       </ConnectionInfo>
 
       <ChatInputWrapper isConnected={isConnected}>
@@ -158,7 +158,7 @@ const ConnectionInfo = styled.div`
   z-index: 6;
   bottom: -5px;
   text-align: center;
-  color: #000;
+  color: ${(p) => p.theme.fontColor};
   font-weight: bold;
   transition: transform 0.2s;
   transform: translateY(${({ isConnected }) => (isConnected ? 69 : 0)}px);