diff --git a/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/image.png b/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/image.png
index 76c239db0..c47b51498 100644
Binary files a/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/image.png and b/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/image.png differ
diff --git a/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/image2.png b/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/image2.png
index 4c56a1d5a..458a6b976 100644
Binary files a/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/image2.png and b/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/image2.png differ
diff --git a/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/non-dav.png b/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/non-dav.png
index 575b0310c..fcaacd046 100644
Binary files a/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/non-dav.png and b/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/non-dav.png differ
diff --git a/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/video.png b/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/video.png
index df99282de..25238fab2 100644
Binary files a/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/video.png and b/cypress/snapshots/base/cypress/e2e/visual-regression.cy.ts/video.png differ
diff --git a/package-lock.json b/package-lock.json
index f3f482d76..b29ef697a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,7 +22,7 @@
         "@nextcloud/paths": "^2.2.1",
         "@nextcloud/router": "^3.0.1",
         "@nextcloud/typings": "^1.9.1",
-        "@nextcloud/vue": "^8.18.0",
+        "@nextcloud/vue": "^8.19.0",
         "@skjnldsv/vue-plyr": "^7.5.0",
         "camelcase": "^8.0.0",
         "debounce": "^2.1.1",
@@ -1986,25 +1986,24 @@
       }
     },
     "node_modules/@nextcloud/vue": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/@nextcloud/vue/-/vue-8.18.0.tgz",
-      "integrity": "sha512-JSkWwyoZ4SDEEvPxzUb2/P4fClP0GXzuuy0DwwKiblQakqAMretpgWwD0wAP575r1yK7TP7tgLkZ5dWx/hHQ/g==",
-      "license": "AGPL-3.0-or-later",
+      "version": "8.19.0",
+      "resolved": "https://registry.npmjs.org/@nextcloud/vue/-/vue-8.19.0.tgz",
+      "integrity": "sha512-mEawbIueee5fSGZreJV+/8h80SRriRTuib1UO9UWWEgqWvZQp0i99xXnIQj+UMw9AugxznJWd5R0ZOmZkN7p5w==",
       "dependencies": {
         "@floating-ui/dom": "^1.1.0",
         "@linusborg/vue-simple-portal": "^0.1.5",
-        "@nextcloud/auth": "^2.2.1",
-        "@nextcloud/axios": "^2.4.0",
+        "@nextcloud/auth": "^2.4.0",
+        "@nextcloud/axios": "^2.5.0",
         "@nextcloud/browser-storage": "^0.4.0",
-        "@nextcloud/capabilities": "^1.1.0",
-        "@nextcloud/event-bus": "^3.1.0",
-        "@nextcloud/initial-state": "^2.1.0",
-        "@nextcloud/l10n": "^3.0.1",
-        "@nextcloud/logger": "^3.0.1",
-        "@nextcloud/router": "^3.0.0",
-        "@nextcloud/sharing": "^0.2.2",
+        "@nextcloud/capabilities": "^1.2.0",
+        "@nextcloud/event-bus": "^3.3.1",
+        "@nextcloud/initial-state": "^2.2.0",
+        "@nextcloud/l10n": "^3.1.0",
+        "@nextcloud/logger": "^3.0.2",
+        "@nextcloud/router": "^3.0.1",
+        "@nextcloud/sharing": "^0.2.3",
         "@nextcloud/timezones": "^0.1.1",
-        "@nextcloud/vue-select": "^3.25.0",
+        "@nextcloud/vue-select": "^3.25.1",
         "@vueuse/components": "^11.0.0",
         "@vueuse/core": "^11.0.0",
         "clone": "^2.1.2",
diff --git a/package.json b/package.json
index 0d2e1a766..532e80b7f 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
     "@nextcloud/paths": "^2.2.1",
     "@nextcloud/router": "^3.0.1",
     "@nextcloud/typings": "^1.9.1",
-    "@nextcloud/vue": "^8.18.0",
+    "@nextcloud/vue": "^8.19.0",
     "@skjnldsv/vue-plyr": "^7.5.0",
     "camelcase": "^8.0.0",
     "debounce": "^2.1.1",
diff --git a/src/views/Viewer.vue b/src/views/Viewer.vue
index 8f12b52ac..5463af043 100644
--- a/src/views/Viewer.vue
+++ b/src/views/Viewer.vue
@@ -52,6 +52,7 @@
 		:clear-view-delay="-1 /* disable fade-out because of accessibility reasons */"
 		:close-button-contained="false"
 		:dark="true"
+		:light-backdrop="lightBackdrop"
 		:data-handler="handlerId"
 		:enable-slideshow="hasPrevious || hasNext"
 		:slideshow-paused="editing"
@@ -285,6 +286,7 @@ export default {
 			canSwipe: true,
 			isStandalone: false,
 			theme: null,
+			lightBackdrop: null,
 			root: davRemoteURL,
 			handlerId: '',
 
@@ -698,6 +700,8 @@ export default {
 			}
 
 			this.theme = handler.theme ?? 'dark'
+			const defaultThemeIsLight = window.getComputedStyle(document.body).getPropertyValue('--background-invert-if-dark') !== 'invert(100%)'
+			this.lightBackdrop = handler.theme === 'light' || defaultThemeIsLight
 			this.handlerId = handler.id
 
 			// check if part of a group, if so retrieve full files list