Merge pull request #1319 from asaadmahmoodspin/ui-improvements

UI Improvements for Slack and post dropdown

web/react/components/user_settings/import_theme_modal.jsx

@@ -50,7 +50,7 @@ export default class ImportThemeModal extends React.Component {
         theme.sidebarText = colors[5];
         theme.sidebarUnreadText = colors[5];
         theme.sidebarTextHoverBg = colors[4];
-        theme.sidebarTextActiveBg = colors[2];
+        theme.sidebarTextActiveBorder = colors[2];
         theme.sidebarTextActiveColor = colors[3];
         theme.sidebarHeaderBg = colors[1];
         theme.sidebarHeaderTextColor = colors[5];
@@ -59,9 +59,13 @@ export default class ImportThemeModal extends React.Component {
         theme.mentionColor = '#ffffff';
         theme.centerChannelBg = '#ffffff';
         theme.centerChannelColor = '#333333';
+        theme.newMessageSeparator = '#F80';
         theme.linkColor = '#2389d7';
         theme.buttonBg = '#26a970';
         theme.buttonColor = '#ffffff';
+        theme.mentionHighlightBg = '#fff2bb';
+        theme.mentionHighlightLink = '#2f81b7';
+        theme.codeTheme = 'github';
 
         let user = UserStore.getCurrentUser();
         user.theme_props = theme;

web/react/components/user_settings/user_settings_display.jsx

@@ -172,13 +172,13 @@ export default class UserSettingsDisplay extends React.Component {
                         </label>
                         <br/>
                     </div>
-                    <div><br/>{'How should other users be shown in Direct Messages list?'}</div>
+                    <div><br/>{'Set what name to display in the Direct Messages list.'}</div>
                 </div>
             ];
 
             nameFormatSection = (
                 <SettingItemMax
-                    title='Show real names, nick names or usernames?'
+                    title='Teammate Name Display'
                     inputs={inputs}
                     submit={this.handleSubmit}
                     server_error={serverError}
@@ -200,7 +200,7 @@ export default class UserSettingsDisplay extends React.Component {
 
             nameFormatSection = (
                 <SettingItemMin
-                    title='Show real names, nick names or usernames?'
+                    title='Teammate Name Display'
                     describe={describe}
                     updateSection={() => {
                         this.props.updateSection('name_format');