[#1867] Fix default color bug, add to keyboard shortcuts

Author: catarak

client/modules/IDE/components/Editor.jsx

@@ -155,7 +155,11 @@ class Editor extends React.Component {
       [`${metaKey}-G`]: 'findPersistentNext',
       [`Shift-${metaKey}-G`]: 'findPersistentPrev',
       [replaceCommand]: 'replace',
-      [`${metaKey}-K`]: (cm, event) => cm.state.colorpicker.popup_color_picker()
+      // Cassie Tarakajian: If you don't set a default color, then when you
+      // choose a color, it deletes characters inline. This is a
+      // hack to prevent that.
+      [`${metaKey}-K`]: (cm, event) =>
+        cm.state.colorpicker.popup_color_picker({ length: 0 })
     });
 
     this.initializeDocuments(this.props.files);

client/modules/IDE/components/KeyboardShortcutModal.jsx

@@ -61,6 +61,10 @@ function KeyboardShortcutModal() {
           <span className="keyboard-shortcut__command">{metaKeyName} + /</span>
           <span>{t('KeyboardShortcuts.CodeEditing.CommentLine')}</span>
         </li>
+        <li className="keyboard-shortcut-item">
+          <span className="keyboard-shortcut__command">{metaKeyName} + K</span>
+          <span>{t('KeyboardShortcuts.CodeEditing.ColorPicker')}</span>
+        </li>
       </ul>
       <h3 className="keyboard-shortcuts__title">General</h3>
       <ul className="keyboard-shortcuts__list">