fix: theme settings being applied before settings

fixes `TypeError: Settings is undefined` on firefox

js/guilds.js

@@ -4,6 +4,7 @@ var Settings;
 let Utilities;
 
 chrome.storage.sync.get(['PolyPlus_Settings'], function (result) {
+	console.log(result);
 	Settings = result.PolyPlus_Settings;
 
 	if (Settings.IRLPriceWithCurrency && Settings.IRLPriceWithCurrency.Enabled === true) {

js/settings.js

@@ -1,5 +1,6 @@
 const SettingsURL = chrome.runtime.getURL('settings.html');
 const InExtensionSettings = window.location.pathname.split('/')[3] === 'polyplus' && window.location.hash !== '#dev' && window.location.hash !== '#debug';
+
 if (InExtensionSettings === true) {
 	window.location.href = SettingsURL + window.location.hash;
 }

js/sitewide.js

@@ -1,5 +1,6 @@
 var Settings;
 let Theme = ``;
+
 (async () => {
   let Utilities = await import(chrome.runtime.getURL('resources/utils.js'));
   Utilities = Utilities.default;
@@ -9,6 +10,12 @@ let Theme = ``;
       const RawSettings = result.PolyPlus_Settings;
       Settings = MergeObjects(RawSettings || Utilities.DefaultSettings, Utilities.DefaultSettings);
 
+      // Apply theme settings after Settings is defined
+      applyThemeSettings();
+  });
+})();
+
+function applyThemeSettings() {
   // If theme exists, create a style element to represent it
   if (Settings.ThemeCreator && Settings.ThemeCreator.Enabled === true) {
     switch (Settings.ThemeCreator.BGImageSize) {
@@ -110,7 +117,6 @@ let Theme = ``;
         }
         `;
   }
-	});
 
 
   const combination = "reload";
@@ -201,7 +207,7 @@ let Theme = ``;
       });
     }
   });
-})();
+}
 
 function MergeObjects(obj1, obj2) {
   var mergedObj = {};