From 47a2a5ec5f2ca489c501ec7960a537886b2878a3 Mon Sep 17 00:00:00 2001
From: jahorton <jahorton@sil.org>
Date: Fri, 20 Dec 2019 11:50:09 +0700
Subject: [PATCH] feat(ios): ios-phone predictive banner dark styling

---
 web/source/resources/osk/kmwosk.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/web/source/resources/osk/kmwosk.css b/web/source/resources/osk/kmwosk.css
index cd59ff5232..b6ad0f0ede 100644
--- a/web/source/resources/osk/kmwosk.css
+++ b/web/source/resources/osk/kmwosk.css
@@ -96,6 +96,22 @@
   color: #000;
 }
 
+/* Probably best to make this its own CSS that can be optionally included? */
+@media (prefers-color-scheme: dark) {
+  .ios .kmw-banner-bar {
+    background-color: #0f1319; 
+  }
+  
+  .ios .kmw-banner-bar .kmw-suggest-option {
+    background-color: #3d3d3e;
+    border-bottom: solid 1px #8a8d90;
+  }
+  
+  .ios .kmw-suggestion-text {
+    color: #fff;
+  }
+}
+
 .phone.ios .kmw-suggest-option.kmw-suggest-touched {background-color:#88f;}
 
 .phone.ios.kmw-osk-frame,