custom config not working

I tried putting in a custom ckeditor to my page that modifes course descriptions.  It seems to be working fine, but I wanted to use a custom config to set up uicolor and toolbar.  I can't seem to get the custom config working.  I put this code in a script of my page:

<textarea name="Description" style="width:600;height:100"><%= Descriptions %></textarea>

<script type="text/javascript">

CKEDITOR.replace(

'Description', {

customConfig:

'/HRTraining/ckeditor/custom/ckeditor_config.js'

});

</script>

Is this supposed to work, or do I have to do something more?

My config looks like this:

/**
 * @license Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
 * For licensing, see LICENSE.md or http://ckeditor.com/license
 

**/

CKEDITOR.editorConfig = function( config ) {
 
  config.uiColor = "#D6FCE1";
config.toolbarGroups = [
 { 'name': 'document', 'groups': [ 'mode', 'doctools' ] },
 { 'name': 'clipboard', 'groups': [ 'clipboard', 'undo' ] },
 { 'name': 'editing', 'groups': [ 'find', 'selection', 'spellchecker' ] },
 { 'name': 'paragraph', 'groups': [ 'list', 'indent', 'blocks', 'align' ] },
 '/',
 { 'name': 'basicstyles', 'groups': [ 'basicstyles', 'cleanup' ] },
 { 'name': 'links' },
 { 'name': 'insert' },
 '/',
 { 'name': 'styles' },
 { 'name': 'colors' },
 { 'name': 'tools' },
 { 'name': 'others' },
 { 'name': 'about' }
];
/*config.removeButtons = 'Styles'; */

};

Thanks.

Mia J.