diff --git a/app/src/assets/spinners/pacman.gif b/app/src/assets/spinners/pacman_dark.gif
similarity index 100%
rename from app/src/assets/spinners/pacman.gif
rename to app/src/assets/spinners/pacman_dark.gif
diff --git a/app/src/assets/spinners/pacman_light.gif b/app/src/assets/spinners/pacman_light.gif
new file mode 100644
index 00000000..cb5df88d
Binary files /dev/null and b/app/src/assets/spinners/pacman_light.gif differ
diff --git a/app/src/components/globals/Spinner.vue b/app/src/components/globals/Spinner.vue
index eb86c637..12662d28 100644
--- a/app/src/components/globals/Spinner.vue
+++ b/app/src/components/globals/Spinner.vue
@@ -23,9 +23,13 @@ export default {
   &.pacman {
     height: 24px;
     width: 24px;
-    background-image: url('../../assets/spinners/pacman.gif');
+    background-image: url('../../assets/spinners/pacman_dark.gif');
     animation-name: back-and-forth-pacman;
 
+    [dark-theme="true"] & {
+      background-image: url('../../assets/spinners/pacman_light.gif');
+    }
+
     @keyframes back-and-forth-pacman {
       0%, 100% { transform: scale(1); margin-left: 0; }
       49% { transform: scale(1); margin-left: calc(100% - 24px);}