Move app theming from index to app view (#1479)

Apply theming one level higher so it applies to the debug log.

// FREEBIE

js/views/app_view.js

@@ -7,11 +7,20 @@
         initialize: function(options) {
           this.inboxView = null;
           this.installView = null;
+          this.applyTheme();
         },
         events: {
             'click .openInstaller': 'openInstaller',
             'click .openStandalone': 'openStandalone',
             'openInbox': 'openInbox',
+            'change-theme': 'applyTheme'
+        },
+        applyTheme: function() {
+            var theme = storage.get('theme-setting') || 'android';
+            this.$el.removeClass('ios')
+                    .removeClass('android-dark')
+                    .removeClass('android')
+                    .addClass(theme);
         },
         openView: function(view) {
           this.el.innerHTML = "";

js/views/inbox_view.js

@@ -78,19 +78,11 @@
     Whisper.InboxView = Whisper.View.extend({
         templateName: 'two-column',
         className: 'inbox index',
-        applyTheme: function() {
-            var theme = storage.get('theme-setting') || 'android';
-            this.$el.removeClass('ios')
-                    .removeClass('android-dark')
-                    .removeClass('android')
-                    .addClass(theme);
-        },
         initialize: function (options) {
             options = options || {};
 
             this.ready = false;
             this.render();
-            this.applyTheme();
             this.$el.attr('tabindex', '1');
             new Whisper.FontSizeView({ el: this.$el });
             this.conversation_stack = new Whisper.ConversationStack({
@@ -223,7 +215,6 @@
         showSettings: function() {
             var view = new Whisper.SettingsView();
             view.$el.appendTo(this.el);
-            view.$el.on('change-theme', this.applyTheme.bind(this));
         },
         filterContacts: function(e) {
             this.searchView.filterContacts(e);

stylesheets/_global.scss

@@ -13,6 +13,7 @@ body {
   margin: 0;
   font-family: $roboto;
   font-size: 14px;
+  color: $grey_d;
 }
 
 .clearfix:before,

stylesheets/_index.scss

@@ -180,7 +180,6 @@ input.search {
 }
 
 .index {
-  color: $grey_d;
 
   .gutter .new-group-update-form {
     display: none;

stylesheets/manifest.css

@@ -29,7 +29,8 @@ body {
   width: 100%;
   margin: 0;
   font-family: Roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
-  font-size: 14px; }
+  font-size: 14px;
+  color: #454545; }
 
 .clearfix:before,
 .clearfix:after {
@@ -1008,20 +1009,20 @@ input.search {
   .new-contact.valid {
     opacity: 1.0; }
 
-.index {
-  color: #454545; }
-  .index .gutter .new-group-update-form {
-    display: none;
-    padding: 0.5em; }
-  .index .last-message {
-    margin: 6px 0 0;
-    font-size: 0.9285714286em;
-    font-weight: 300; }
-  .index .gutter .timestamp {
-    position: absolute;
-    top: 14px;
-    right: 12px;
-    color: #616161; }
+.index .gutter .new-group-update-form {
+  display: none;
+  padding: 0.5em; }
+
+.index .last-message {
+  margin: 6px 0 0;
+  font-size: 0.9285714286em;
+  font-weight: 300; }
+
+.index .gutter .timestamp {
+  position: absolute;
+  top: 14px;
+  right: 12px;
+  color: #616161; }
 
 .conversations .unread .contact-details .name,
 .conversations .unread .contact-details .last-message,