diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
index ab450b1..deb13ae 100644
--- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
+++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
@@ -1943,9 +1943,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-radius: 8px;
     transition: all .2s;
 }
-.app-body .spoiler-button:hover + .media-gallery__item > .media-gallery__preview {
+.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
     outline: 1px solid rgba(0, 0, 0, 0.15);
 }
+@media (prefers-color-scheme: dark) {
+    .app-body .media-gallery__preview {
+        outline-color: rgba(255, 255, 255, .05);
+    }
+    .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
+        outline-color: rgba(255, 255, 255, .1);
+    }
+}
 .app-body .spoiler-button__overlay__label,
 .app-body .spoiler-button__overlay__label:is(:focus, :hover),
 .app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
index 67af3f6..3559d80 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
@@ -1942,9 +1942,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-radius: 8px;
     transition: all .2s;
 }
-.app-body .spoiler-button:hover + .media-gallery__item > .media-gallery__preview {
+.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
     outline: 1px solid rgba(0, 0, 0, 0.15);
 }
+@media (prefers-color-scheme: dark) {
+    .app-body .media-gallery__preview {
+        outline-color: rgba(255, 255, 255, .05);
+    }
+    .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
+        outline-color: rgba(255, 255, 255, .1);
+    }
+}
 .app-body .spoiler-button__overlay__label,
 .app-body .spoiler-button__overlay__label:is(:focus, :hover),
 .app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {
diff --git a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
index 67326f1..ee9f01d 100644
--- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
+++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
@@ -1942,9 +1942,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     border-radius: 8px;
     transition: all .2s;
 }
-.app-body .spoiler-button:hover + .media-gallery__item > .media-gallery__preview {
+.app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
     outline: 1px solid rgba(0, 0, 0, 0.15);
 }
+@media (prefers-color-scheme: dark) {
+    .app-body .media-gallery__preview {
+        outline-color: rgba(255, 255, 255, .05);
+    }
+    .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
+        outline-color: rgba(255, 255, 255, .1);
+    }
+}
 .app-body .spoiler-button__overlay__label,
 .app-body .spoiler-button__overlay__label:is(:focus, :hover),
 .app-body .spoiler-button__overlay:is(:focus, :hover) .spoiler-button__overlay__label {