     @subscribe @packageManager, 'theme-install-failed theme-uninstall-failed', (pack, error) =>
       @themeErrors.append(new ErrorView(@packageManager, error))
 
-    @openUserStysheet.on 'click', =>
+    @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'

      @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')


    @activeUiTheme = @getActiveUiTheme()
    @activeSyntaxTheme = @getActiveSyntaxTheme()
    @populateThemeMenus()
    @handleCurrentThemeButtons()

  handleCurrentThemeButtons: ->
    @currentUiThemeSettings.on 'click', (event) =>
      event.stopPropagation()
      @parents('.settings-view').view()?.showPanel(@activeUiTheme, {back: 'Themes', pack: @activeUiTheme})

    @currentSyntaxThemeSettings.on 'click', (event) =>
      event.stopPropagation()
      @parents('.settings-view').view()?.showPanel(@activeSyntaxTheme, {back: 'Themes', pack: @activeSyntaxTheme})

  # Populate the theme menus from the theme manager's active themes
  populateThemeMenus: ->
