From cba47668cde47f0da683d6499b6fdee86f74ee7f Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@signal.org>
Date: Mon, 14 Jan 2019 17:29:36 -0800
Subject: [PATCH] Increase contrast of typing indicator in iOS theme

---
 stylesheets/_ios.scss                      | 8 ++++++++
 ts/components/conversation/TypingBubble.md | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/stylesheets/_ios.scss b/stylesheets/_ios.scss
index e10e76b25..68c1103c5 100644
--- a/stylesheets/_ios.scss
+++ b/stylesheets/_ios.scss
@@ -124,6 +124,14 @@
     color: $color-light-60;
   }
 
+  .module-typing-animation__dot {
+    background-color: $color-gray-60;
+  }
+
+  .module-typing-animation__dot--light {
+    background-color: $color-gray-60;
+  }
+
   &.dark-theme {
     // _modules
 
diff --git a/ts/components/conversation/TypingBubble.md b/ts/components/conversation/TypingBubble.md
index 099dd2a58..06c8555d4 100644
--- a/ts/components/conversation/TypingBubble.md
+++ b/ts/components/conversation/TypingBubble.md
@@ -1,7 +1,7 @@
 ### In message bubble
 
 ```jsx
-<util.ConversationContext theme={util.theme}>
+<util.ConversationContext theme={util.theme} ios={util.ios}>
   <li>
     <TypingBubble conversationType="direct" i18n={util.i18n} />
   </li>
@@ -14,7 +14,7 @@
 ### In message bubble, group conversation
 
 ```jsx
-<util.ConversationContext theme={util.theme}>
+<util.ConversationContext theme={util.theme} ios={util.ios}>
   <li>
     <TypingBubble color="red" conversationType="group" i18n={util.i18n} />
   </li>