From bdaebc24ae0c8f0fb7245e2dd8d6ba349c83caa3 Mon Sep 17 00:00:00 2001
From: Scott Nonnenberg <scott@signal.org>
Date: Thu, 12 Apr 2018 12:45:12 -0700
Subject: [PATCH] A few tweaks for the android-dark theme

---
 stylesheets/android-dark.scss        | 20 ++++++++++++++++++++
 ts/components/conversation/Quote.tsx |  2 +-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/stylesheets/android-dark.scss b/stylesheets/android-dark.scss
index ea1440ed9f..1ff2ad448d 100644
--- a/stylesheets/android-dark.scss
+++ b/stylesheets/android-dark.scss
@@ -225,6 +225,26 @@ $text-dark_l2: darken($text-dark, 30%);
     }
   }
 
+  .outgoing .bubble .quote .icon-container .icon {
+    background-color: black;
+    &.play.white {
+      background-color: $text-dark;
+    }
+  }
+  .incoming .bubble .quote {
+    border-left-color: $text-dark;
+    background-color: rgba(0, 0, 0, 0.6);
+
+    .icon-container {
+      .circle-background {
+        background-color: $text-dark;
+      }
+      .icon.play.white {
+        background-color: $text-dark;
+      }
+    }
+  }
+
   button.clock {
     @include header-icon-white('../images/clock.svg');
   }
diff --git a/ts/components/conversation/Quote.tsx b/ts/components/conversation/Quote.tsx
index a3e78da7ed..59a997fd48 100644
--- a/ts/components/conversation/Quote.tsx
+++ b/ts/components/conversation/Quote.tsx
@@ -54,7 +54,7 @@ function getObjectUrl(thumbnail: Attachment | undefined): string | null {
 export class Quote extends React.Component<Props, {}> {
   public renderImage(url: string, icon?: string) {
     const iconElement = icon
-      ? <div className={classnames('icon', icon)} />
+      ? <div className={classnames('icon', 'white', icon)} />
       : null;
 
     return (