From 76763272c186a8025599812ccf51e979a6da29e2 Mon Sep 17 00:00:00 2001
From: Nullaferius <Cafercotel@gmail.com>
Date: Mon, 16 Nov 2020 14:32:05 +0300
Subject: [PATCH] removed background color from offline-warning.css and added
 wrapper class alert-info (#40237)

* fixed issue offline warning message is hard to read in dark mode

* Update client/src/components/OfflineWarning/OfflineWarning.js

Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com>

* Update client/src/components/OfflineWarning/OfflineWarning.js

Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com>

Co-authored-by: Nicholas Carrigan (he/him) <nhcarrigan@gmail.com>
---
 client/src/components/OfflineWarning/OfflineWarning.js   | 2 +-
 client/src/components/OfflineWarning/offline-warning.css | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/client/src/components/OfflineWarning/OfflineWarning.js b/client/src/components/OfflineWarning/OfflineWarning.js
index 7d6089401a..ed1f6dd4ec 100644
--- a/client/src/components/OfflineWarning/OfflineWarning.js
+++ b/client/src/components/OfflineWarning/OfflineWarning.js
@@ -25,7 +25,7 @@ function OfflineWarning({ isOnline, isSignedIn }) {
   }
 
   return showWarning ? (
-    <div className='offline-warning'>
+    <div className='offline-warning alert-info'>
       You appear to be offline, your progress may not be being saved.
     </div>
   ) : null;
diff --git a/client/src/components/OfflineWarning/offline-warning.css b/client/src/components/OfflineWarning/offline-warning.css
index f8adedeeb0..34ec578d28 100644
--- a/client/src/components/OfflineWarning/offline-warning.css
+++ b/client/src/components/OfflineWarning/offline-warning.css
@@ -3,5 +3,4 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  background: lightblue;
 }