allow customization of sendbox background and text color

fixes #1573
microsoft · Jan 10, 2019 · 933592a · 933592a
1 parent d9808ca
commit 933592a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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,