diff --git a/frontend/assets/emulatorjs/emulatorjs-isotype.svg b/frontend/assets/emulatorjs/emulatorjs-isotype.svg
new file mode 100644
index 000000000..adb584bd5
--- /dev/null
+++ b/frontend/assets/emulatorjs/emulatorjs-isotype.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/assets/emulatorjs/emulatorjs-logotype.svg b/frontend/assets/emulatorjs/emulatorjs-logotype.svg
new file mode 100644
index 000000000..893ce8352
--- /dev/null
+++ b/frontend/assets/emulatorjs/emulatorjs-logotype.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/assets/emulatorjs/emulatorjs.png b/frontend/assets/emulatorjs/emulatorjs.png
deleted file mode 100644
index 5b92264ee..000000000
Binary files a/frontend/assets/emulatorjs/emulatorjs.png and /dev/null differ
diff --git a/frontend/assets/emulatorjs/emulatorjs.svg b/frontend/assets/emulatorjs/emulatorjs.svg
new file mode 100644
index 000000000..61d69b97d
--- /dev/null
+++ b/frontend/assets/emulatorjs/emulatorjs.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/assets/ruffle/ruffle-isotype.png b/frontend/assets/ruffle/ruffle-isotype.png
new file mode 100644
index 000000000..9c4deb15f
Binary files /dev/null and b/frontend/assets/ruffle/ruffle-isotype.png differ
diff --git a/frontend/assets/ruffle/ruffle.png b/frontend/assets/ruffle/ruffle.png
deleted file mode 100644
index 9040f8af2..000000000
Binary files a/frontend/assets/ruffle/ruffle.png and /dev/null differ
diff --git a/frontend/assets/ruffle/ruffle.svg b/frontend/assets/ruffle/ruffle.svg
new file mode 100644
index 000000000..46b359f91
--- /dev/null
+++ b/frontend/assets/ruffle/ruffle.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/frontend/src/console/views/Play.vue b/frontend/src/console/views/Play.vue
index 046f21337..b8692fea4 100644
--- 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.png`;
+ window.EJS_backgroundImage = `${window.location.origin}/assets/emulatorjs/emulatorjs.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/Base.vue b/frontend/src/views/Player/EmulatorJS/Base.vue
index 8e2ce2f02..d553ec3b3 100644
--- a/frontend/src/views/Player/EmulatorJS/Base.vue
+++ b/frontend/src/views/Player/EmulatorJS/Base.vue
@@ -232,7 +232,7 @@ onBeforeUnmount(async () => {
-
+
{
:xl="!gameRunning ? 6 : 2"
>
-
+
-
+
+
+
+
diff --git a/frontend/src/views/Player/EmulatorJS/Player.vue b/frontend/src/views/Player/EmulatorJS/Player.vue
index a7bb77249..02dbb7bcc 100644
--- a/frontend/src/views/Player/EmulatorJS/Player.vue
+++ b/frontend/src/views/Player/EmulatorJS/Player.vue
@@ -112,7 +112,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.png`;
+window.EJS_backgroundImage = `${window.location.origin}/assets/emulatorjs/emulatorjs.svg`;
window.EJS_backgroundColor = theme.current.value.colors.background;
window.EJS_Buttons = {
// Disable the standard exit button to implement our own
diff --git a/frontend/src/views/Player/RuffleRS/Base.vue b/frontend/src/views/Player/RuffleRS/Base.vue
index 35f64968c..01e910a0c 100644
--- a/frontend/src/views/Player/RuffleRS/Base.vue
+++ b/frontend/src/views/Player/RuffleRS/Base.vue
@@ -122,12 +122,17 @@ onMounted(async () => {
:md="!gameRunning ? 8 : 4"
:xl="!gameRunning ? 6 : 2"
>
-
+
+
+
+
+
+
+
+
+
-
-
-