hunk.code_window:             return;
           }
           const colors = text.split(',');
           const theme = {type: 'custom'};
           let index = 0;
  
hunk.labels: keep keep add keep keep keep keep
hunk.after_edit:         // theme vectors are currently represented as a number of hex color codes followed by the code theme
  
hunk.file_path: webapp/components/user_settings/custom_theme_chooser.jsx
hunk.type: add
file: // Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
  // See License.txt for license information.
  
  import {FormattedMessage} from 'react-intl';
  
  import React from 'react';
  
  export default class LoadingScreen extends React.Component {
      constructor(props) {
          super(props);
          this.state = {};
      }
      render() {
          return (
              <div
                  className='loading-screen'
                  style={{position: this.props.position}}
              >
                  <div className='loading__content'>
                      <h3>
                          <FormattedMessage
                              id='loading_screen.loading'
                              defaultMessage='Loading'
                          />
                      </h3>
                      <div className='round round-1'></div>
                      <div className='round round-2'></div>
                      <div className='round round-3'></div>
                  </div>
              </div>
          );
      }
  }
  
  LoadingScreen.defaultProps = {
      position: 'relative'
  };
  LoadingScreen.propTypes = {
      position: React.PropTypes.oneOf(['absolute', 'fixed', 'relative', 'static', 'inherit'])
  };
  