Restore iOS-specific theme; colors on left in android theme

ts/styleguide/ConversationContext.tsx

@@ -5,6 +5,7 @@ interface Props {
   /**
    * Corresponds to the theme setting in the app, and the class added to the root element.
    */
+  ios: boolean;
   theme: 'light-theme' | 'dark-theme';
   type: 'private' | 'group';
 }
@@ -15,10 +16,12 @@ interface Props {
  */
 export class ConversationContext extends React.Component<Props> {
   public render() {
-    const { theme, type } = this.props;
+    const { ios, theme, type } = this.props;
 
     return (
-      <div className={classNames(theme || 'light-theme')}>
+      <div
+        className={classNames(theme || 'light-theme', ios ? 'ios-theme' : null)}
+      >
         <div className={classNames('conversation', type || 'private')}>
           <div className="discussion-container" style={{ padding: '0.5em' }}>
             <ul className="message-list">{this.props.children}</ul>

ts/styleguide/StyleGuideUtil.ts

@@ -83,6 +83,7 @@ export {
 const query = window.location.search.replace(/^\?/, '');
 const urlOptions = QueryString.parse(query);
 const theme = urlOptions.theme || 'light-theme';
+const ios = urlOptions.ios || false;
 const locale = urlOptions.locale || 'en';
 
 // @ts-ignore
@@ -92,7 +93,7 @@ import localeMessages from '../../_locales/en/messages.json';
 import { setup } from '../../js/modules/i18n';
 const i18n = setup(locale, localeMessages);
 
-export { theme, locale, i18n };
+export { theme, ios, locale, i18n };
 
 // Telling Lodash to relinquish _ for use by underscore
 // @ts-ignore