 
 # Appearance Model Subclass
 class AppearancePanel extends MetaMenu
+  constructor: (@name) ->
+    super(@name)
+    @setupThemeSelector()
+    
+  setupThemeSelector: ->
+    @$currentMenuPanel.find('.buttons .sun').click( (event) =>
+      $('#view_preference_theme').val('light')
+    )
+    @$currentMenuPanel.find('.buttons .moon').click( (event) =>
+      $('#view_preference_theme').val('dark')
+    )
+    
   displayBedsheets: -> 
     # code to display bedsheets here. Need JSON call
     # $.publish('follow/changing', [node])

        bedsheetUrl = 'url("/images/uploads/originals/' + $(this).data('id') + '.jpg")'
        $('#body').css('background-image', bedsheetUrl)
        
        $('#bedsheetInput').val($(this).data('id'))
    )
  


      
      @$currentMenuPanel.find('.bedsheets ul').html('');
      
      # Add elements for each bedsheet returned
      for node in data
        newElement = '<li data-id="' + node.id + '"><img src="/images/uploads/' + node.id + '-120x120.' + node.format + '"></li>'
        @$currentMenuPanel.find('.bedsheets ul').append(newElement)
