Merge pull request #94 from tomt610/feature/weather-foreground-option

feat: Add weather foreground option (experimental)

src/systems/ui/theme.js

@@ -143,6 +143,7 @@ export function updateFeatureTogglesVisibility() {
     const $spotifyToggle = $('#rpg-spotify-toggle-wrapper');
 
     const $dynamicWeatherToggle = $('#rpg-dynamic-weather-toggle-wrapper');
+    const $weatherForegroundToggle = $('#rpg-weather-foreground-toggle-wrapper');
     const $narratorToggle = $('#rpg-narrator-toggle-wrapper');
     const $autoAvatarsToggle = $('#rpg-auto-avatars-toggle-wrapper');
 
@@ -154,6 +155,8 @@ export function updateFeatureTogglesVisibility() {
     $spotifyToggle.toggle(extensionSettings.showSpotifyToggle);
 
     $dynamicWeatherToggle.toggle(extensionSettings.showDynamicWeatherToggle);
+    // Weather foreground toggle is only shown when dynamic weather toggle is visible
+    $weatherForegroundToggle.toggle(extensionSettings.showDynamicWeatherToggle);
     $narratorToggle.toggle(extensionSettings.showNarratorMode);
     $autoAvatarsToggle.toggle(extensionSettings.showAutoAvatars);
 

src/systems/ui/weatherEffects.js

@@ -270,6 +270,11 @@ export function updateWeatherEffect() {
     }
 
     if (weatherContainer) {
+        // Apply foreground z-index if experimental setting is enabled
+        if (extensionSettings.weatherEffectsForeground) {
+            weatherContainer.style.zIndex = '9998';
+        }
+
         document.body.appendChild(weatherContainer);
     }
 }