Add theme background musicv0.16.0

4 files changed, 14 insertions, 3 deletions

diff --git a/internal/generator/templates/themes/tropicale/MUSIC_LICENSE.txt b/internal/generator/templates/themes/tropicale/MUSIC_LICENSE.txt
new file mode 100644
index 0000000..2490440
--- /dev/null
+++ b/internal/generator/templates/themes/tropicale/MUSIC_LICENSE.txt
@@ -0,0 +1,7 @@
+Track: Feel Good Island Loop
+Author: AntumDeluge, based on Brandon Morris source
+License: CC0 1.0 Universal / public domain dedication
+License URL: https://creativecommons.org/publicdomain/zero/1.0/
+Source: https://opengameart.org/content/feel-good-island-loop
+
+Bundled as ambient.ogg for the snonux tropicale theme.
diff --git a/internal/generator/templates/themes/tropicale/ambient.ogg b/internal/generator/templates/themes/tropicale/ambient.ogg
new file mode 100644
index 0000000..df8e250
--- /dev/null
+++ b/internal/generator/templates/themes/tropicale/ambient.ogg
diff --git a/internal/generator/templates/themes/tropicale/sounds.json b/internal/generator/templates/themes/tropicale/sounds.json
index 8fdbd38..9fc8a79 100644
--- a/internal/generator/templates/themes/tropicale/sounds.json
+++ b/internal/generator/templates/themes/tropicale/sounds.json
@@ -280,7 +280,9 @@
         "_",
         "hat",
         "kick"
-      ]
+      ],
+      "file": "ambient.ogg",
+      "volume": 0.46
     },
     "wild": {
       "bpm": 170,
@@ -376,7 +378,9 @@
         "_",
         "hat",
         "kick"
-      ]
+      ],
+      "file": "ambient.ogg",
+      "volume": 0.54
     }
   }
 }
diff --git a/internal/generator/templates/themes/tropicale/theme.css b/internal/generator/templates/themes/tropicale/theme.css
index 241ec1e..ad51583 100644
--- a/internal/generator/templates/themes/tropicale/theme.css
+++ b/internal/generator/templates/themes/tropicale/theme.css
@@ -68,7 +68,7 @@
                        box-shadow:0 0 60px rgba(56,201,216,0.3); padding:40px; }
         .modal-close { float:right; background:none; border:none; color:var(--sky);
                        font-size:0.9rem; cursor:pointer; letter-spacing:1px; }
-        @media(max-width:640px) { .nav-hints{display:none;} header{padding:12px 18px;} .content{padding:14px 18px;} .modal-inner{padding:20px 14px} .transmit-btn{padding-top:11px;padding-bottom:11px;min-height:44px} .modal-close{padding:10px 14px;min-width:44px;min-height:44px;text-align:center} }
+        @media(max-width:640px) { .nav-hints{padding:6px 16px} .nav-hints .nav-hints-row{padding:6px 0;gap:8px} .nav-hints kbd{display:none} .nav-hints-label,.nav-hints-spacer{display:none} .nav-fx-button{padding:10px 0;min-height:44px;flex:1 1 auto;justify-content:center;gap:0.2rem} header{padding:12px 18px;} .content{padding:14px 18px;} .modal-inner{padding:20px 14px} .transmit-btn{padding-top:11px;padding-bottom:11px;min-height:44px} .modal-close{padding:10px 14px;min-width:44px;min-height:44px;text-align:center} }
         /* Splash screen — tropical sunset gradient with radial sun glow */
         [data-sno-theme="tropicale"] .splash-overlay {
             background: