       schema = atom.config.getSchema("#{namespace}.#{name}")
       if schema?.enum
         appendOptions.call(this, namespace, name, value)
+      else if schema?.type is 'color'
+        appendColor.call(this, namespace, name, value)
       else if _.isBoolean(value) or schema?.type is 'boolean'
         appendCheckbox.call(this, namespace, name, value)
       else if _.isArray(value) or schema?.type is 'array'

        if type is 'checkbox'
          input.prop('checked', value)
        else
          input.val(value) if value

      input.on 'change', =>

      @div class: 'setting-title', title
      @div class: 'setting-description', description

appendColor = (namespace, name, value) ->
  keyPath = "#{namespace}.#{name}"
  title = getSettingTitle(keyPath, name)
  description = getSettingDescription(keyPath)

  @div class: 'color', =>
    @label for: keyPath, =>
      @input id: keyPath, type: 'color'
      @div class: 'setting-title', title
      @div class: 'setting-description', description

appendEditor = (namespace, name, value) ->
  keyPath = "#{namespace}.#{name}"
  if _.isNumber(value)
