Open separate windows with theme, update settings theme on change

js/debug_log_start.js

@@ -5,6 +5,7 @@ $(document).on('keyup', function(e) {
 });
 
 const $body = $(document.body);
+$body.addClass(window.theme);
 
 // got.js appears to need this to successfully submit debug logs to the cloud
 window.setImmediate = window.nodeSetImmediate;

js/permissions_popup_start.js

@@ -5,6 +5,7 @@ $(document).on('keyup', function(e) {
 });
 
 const $body = $(document.body);
+$body.addClass(window.theme);
 
 window.view = new Whisper.ConfirmationDialogView({
   message: i18n('audioPermissionNeeded'),

js/settings_start.js

@@ -5,6 +5,7 @@ $(document).on('keyup', function(e) {
 });
 
 const $body = $(document.body);
+$body.addClass(window.theme);
 
 const getInitialData = async () => ({
   deviceName: await window.getDeviceName(),

js/views/settings_view.js

@@ -1,5 +1,6 @@
 /* global i18n: false */
 /* global Whisper: false */
+/* global $: false */
 
 /* eslint-disable no-new */
 
@@ -82,7 +83,14 @@
         el: this.$('.theme-settings'),
         name: 'theme-setting',
         value: window.initialData.themeSetting,
-        setFn: window.setThemeSetting,
+        setFn: theme => {
+          $(document.body)
+            .removeClass('android')
+            .removeClass('android-dark')
+            .removeClass('ios')
+            .addClass(theme);
+          window.setThemeSetting(theme);
+        },
       });
       if (Settings.isAudioNotificationSupported()) {
         new CheckboxView({