Add theme background musicv0.16.0

4 files changed, 14 insertions, 3 deletions

diff --git a/internal/generator/templates/themes/retrofuture/MUSIC_LICENSE.txt b/internal/generator/templates/themes/retrofuture/MUSIC_LICENSE.txt
new file mode 100644
index 0000000..7d19dc5
--- /dev/null
+++ b/internal/generator/templates/themes/retrofuture/MUSIC_LICENSE.txt
@@ -0,0 +1,7 @@
+Track: Mysterious, Futuristic 8-bit Music Loop
+Author: Frenchyboy
+License: CC0 1.0 Universal / public domain dedication
+License URL: https://creativecommons.org/publicdomain/zero/1.0/
+Source: https://opengameart.org/content/mysterious-futuristic-8-bit-music-loop
+
+Bundled as ambient.ogg for the snonux retrofuture theme.
diff --git a/internal/generator/templates/themes/retrofuture/ambient.ogg b/internal/generator/templates/themes/retrofuture/ambient.ogg
new file mode 100644
index 0000000..eca1e26
--- /dev/null
+++ b/internal/generator/templates/themes/retrofuture/ambient.ogg
diff --git a/internal/generator/templates/themes/retrofuture/sounds.json b/internal/generator/templates/themes/retrofuture/sounds.json
index 3cced12..ab42195 100644
--- a/internal/generator/templates/themes/retrofuture/sounds.json
+++ b/internal/generator/templates/themes/retrofuture/sounds.json
@@ -220,7 +220,9 @@
         "_",
         "hat",
         "_"
-      ]
+      ],
+      "file": "ambient.ogg",
+      "volume": 0.46
     },
     "wild": {
       "bpm": 190,
@@ -316,7 +318,9 @@
         "_",
         "hat",
         "_"
-      ]
+      ],
+      "file": "ambient.ogg",
+      "volume": 0.54
     }
   }
 }
diff --git a/internal/generator/templates/themes/retrofuture/theme.css b/internal/generator/templates/themes/retrofuture/theme.css
index 165798d..dc7841d 100644
--- a/internal/generator/templates/themes/retrofuture/theme.css
+++ b/internal/generator/templates/themes/retrofuture/theme.css
@@ -81,7 +81,7 @@
                        box-shadow:0 0 60px rgba(255,107,157,0.25); padding:38px; }
         .modal-close { float:right; background:none; border:none; color:var(--orange);
                        font-family:'Orbitron',sans-serif; font-size:0.9rem; cursor:pointer; letter-spacing:2px; }
-        @media(max-width:640px) { .nav-hints{display:none;} header{padding:12px 18px;} .content{padding:12px 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:12px 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} }
         [data-sno-theme="retrofuture"] .splash-overlay {
             background: radial-gradient(ellipse at 50% 60%, #1a0840 0%, var(--bg) 55%, #050010 100%);
         }