From 933592ab0a4a47c8caf5c2fff7a67e7bdedbc00a Mon Sep 17 00:00:00 2001
From: Andy <asbrown002@gmail.com>
Date: Thu, 10 Jan 2019 15:30:59 -0800
Subject: [PATCH] allow customization of sendbox background and text color

fixes #1573
---
 packages/component/src/Styles/StyleSet/SendBox.js        | 3 ++-
 packages/component/src/Styles/StyleSet/SendBoxTextBox.js | 4 +++-
 packages/component/src/Styles/defaultStyleSetOptions.js  | 2 ++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/component/src/Styles/StyleSet/SendBox.js b/packages/component/src/Styles/StyleSet/SendBox.js
index 90f7730925..f12479ea7c 100644
--- a/packages/component/src/Styles/StyleSet/SendBox.js
+++ b/packages/component/src/Styles/StyleSet/SendBox.js
@@ -1,9 +1,10 @@
 export default function createSendBoxStyle({
+  sendBoxBackground,
   sendBoxHeight
 }) {
   return {
     '& > .main': {
-      backgroundColor: 'White',
+      backgroundColor: sendBoxBackground,
       borderTop: 'solid 1px #E6E6E6',
       height: sendBoxHeight
     }
diff --git a/packages/component/src/Styles/StyleSet/SendBoxTextBox.js b/packages/component/src/Styles/StyleSet/SendBoxTextBox.js
index 50df270c7f..3d4461b63d 100644
--- a/packages/component/src/Styles/StyleSet/SendBoxTextBox.js
+++ b/packages/component/src/Styles/StyleSet/SendBoxTextBox.js
@@ -3,7 +3,8 @@ import {
 } from '../Fonts';
 
 export default function createSendBoxTextBoxStyle({
-  paddingRegular
+  paddingRegular,
+  sendBoxTextColor
 }) {
   return  {
     ...primaryFont,
@@ -12,6 +13,7 @@ export default function createSendBoxTextBoxStyle({
 
     '& > input': {
       border: 0,
+      color: sendBoxTextColor,
       fontFamily: 'inherit',
       fontSize: 'inherit',
       height: '100%',
diff --git a/packages/component/src/Styles/defaultStyleSetOptions.js b/packages/component/src/Styles/defaultStyleSetOptions.js
index 029e96590c..8f5b5ff60d 100644
--- a/packages/component/src/Styles/defaultStyleSetOptions.js
+++ b/packages/component/src/Styles/defaultStyleSetOptions.js
@@ -35,11 +35,13 @@ const DEFAULT_OPTIONS = {
   hideSendBox: false,
   hideUploadButton: false,
   microphoneButtonColorOnDictate: '#F33',
+  sendBoxBackground: 'White',
   sendBoxButtonColor: '#767676',
   sendBoxButtonColorOnDisabled: '#CCC',
   sendBoxButtonColorOnFocus: '#333',
   sendBoxButtonColorOnHover: '#333',
   sendBoxHeight: 40,
+  sendBoxTextColor: 'initial',
 
   // Visually show spoken text
   showSpokenText: false,