                   @div class: 'setting-title themes-label text', 'UI Theme'
                   @div class: 'setting-description text theme-description', 'This styles the tabs, status bar, tree view, and dropdowns'
                 @select outlet: 'uiMenu', class: 'form-control'
+                @button outlet: 'currentUiThemeSettings', class: 'btn icon icon-gear'
 
             @div class: 'themes-picker-item control-group', =>
               @div class: 'controls', =>

    @subscribe @packageManager, 'theme-install-failed theme-uninstall-failed', (pack, error) =>
      @themeErrors.append(new ErrorView(@packageManager, error))

    @openUserStysheet.on 'click', =>
      atom.commands.dispatch(atom.views.getView(atom.workspace), 'application:open-your-stylesheet')
      false


                  @div class: 'setting-title themes-label text', 'Syntax Theme'
                  @div class: 'setting-description text theme-description', 'This styles the text inside the editor'
                @select outlet: 'syntaxMenu', class: 'form-control'
                @button outlet: 'currentSyntaxThemeSettings', class: 'btn icon icon-gear'

      @section class: 'section', =>
        @div class: 'section-container', =>
          @div class: 'section-heading icon icon-paintcan', =>
            @text 'Installed Themes'
            @span outlet: 'totalPackages', class: 'section-heading-count badge badge-flexible', '…'
          @div class: 'editor-container', =>
            @subview 'filterEditor', new TextEditorView(mini: true, placeholderText: 'Filter themes by name')

