use boot image for emulatorjs

gantoine · gantoine · commit 35f47ce15caa · 2025-09-09T20:57:34.000-04:00
diff --git a/frontend/assets/logos/romm_logo_xbox_one_circle_boot.svg b/frontend/assets/logos/romm_logo_xbox_one_circle_boot.svg
@@ -3,10 +3,13 @@
     <style>
       .cls-1{fill:#f1f0f0}
       .cls-2{fill:#333}
-      .cls-3{fill:#232323}
+      .cls-3{fill:#232323,opacity:.54}
       .cls-4{fill:#989898}
       .cls-5{fill:#676767}
+      .cls-6 {fill:#232323}
       .cls-7{fill:none}
+      .cls-8{opacity: .18}
+      .cls-9{fill:#e8e8e8}
     </style>
     <clipPath id="logo-circle-clip">
       <circle cx="500" cy="414.09" r="382.47"/>
diff --git a/frontend/src/console/views/Play.vue b/frontend/src/console/views/Play.vue
@@ -408,7 +408,7 @@ async function boot() {
   window.EJS_alignStartButton = "center";
   window.EJS_startOnLoaded = true;
   //   window.EJS_fullscreenOnLoaded = true;
-  window.EJS_backgroundImage = `${window.location.origin}/assets/emulatorjs/emulatorjs.svg`;
+  window.EJS_backgroundImage = `${window.location.origin}/assets/logos/romm_logo_xbox_one_circle_boot.svg`;
   window.EJS_backgroundColor = "#000000"; // Match original which uses theme colors, but #000000 should work fine
   const coreOptions = configStore.getEJSCoreOptions(core);
   window.EJS_defaultOptions = {
diff --git a/frontend/src/views/Player/EmulatorJS/Player.vue b/frontend/src/views/Player/EmulatorJS/Player.vue
@@ -116,7 +116,7 @@ window.EJS_player = "#game";
 window.EJS_color = "#A453FF";
 window.EJS_alignStartButton = "center";
 window.EJS_startOnLoaded = true;
-window.EJS_backgroundImage = `${window.location.origin}/assets/emulatorjs/emulatorjs.svg`;
+window.EJS_backgroundImage = `${window.location.origin}/assets/logos/romm_logo_xbox_one_circle_boot.svg`;
 window.EJS_backgroundColor = theme.current.value.colors.background;
 window.EJS_Buttons = {
   // Disable the standard exit button to implement our own
