diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 4a8dc2f..c226cc0 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1,5 +1,5 @@
 /*  TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
-    version: 1.7.3
+    version: 1.7.4
 
     A Tangerine redesign for Mastodon's Web UI.
     https://github.com/nileane/TangerineUI-for-Mastodon/
@@ -2297,6 +2297,27 @@ body.layout-single-column  {
     color: var(--color-accent-fg);
 }
 
+
+/* Media modals */
+.layout-single-column .modal-root__modal.media-modal {
+    background-color: rgba(255, 255, 255, .8);
+}
+.layout-single-column .media-modal__overlay .picture-in-picture__footer {
+    background-color: transparent;
+}
+.layout-single-column .media-modal__nav,
+.layout-single-column .media-modal__overlay .picture-in-picture__footer .icon-button {
+    color: var(--color-content-fg);
+}
+.layout-single-column .media-modal__page-dot {
+    background-color: var(--color-content-fg);
+}
+@media (prefers-color-scheme: dark) {
+    .layout-single-column .modal-root__modal.media-modal {
+        background-color: rgba(0, 0, 0, .6);
+    }
+}
+
 /* 🖼️ Picture in Picture */
 .layout-single-column .picture-in-picture {
     box-shadow: 0 0 5px rgba(0, 0, 0, .2);
diff --git a/TangerineUI.css b/TangerineUI.css
index 5f20ee8..57382eb 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1,5 +1,5 @@
 /*  TangerineUI 🍊 for Mastodon
-    version: 1.7.3
+    version: 1.7.4
 
     A Tangerine redesign for Mastodon's Web UI.
     https://github.com/nileane/TangerineUI-for-Mastodon/
@@ -2297,6 +2297,27 @@ body.layout-single-column  {
     color: var(--color-accent-fg);
 }
 
+
+/* Media modals */
+.layout-single-column .modal-root__modal.media-modal {
+    background-color: rgba(255, 255, 255, .8);
+}
+.layout-single-column .media-modal__overlay .picture-in-picture__footer {
+    background-color: transparent;
+}
+.layout-single-column .media-modal__nav,
+.layout-single-column .media-modal__overlay .picture-in-picture__footer .icon-button {
+    color: var(--color-content-fg);
+}
+.layout-single-column .media-modal__page-dot {
+    background-color: var(--color-content-fg);
+}
+@media (prefers-color-scheme: dark) {
+    .layout-single-column .modal-root__modal.media-modal {
+        background-color: rgba(0, 0, 0, .6);
+    }
+}
+
 /* 🖼️ Picture in Picture */
 .layout-single-column .picture-in-picture {
     box-shadow: 0 0 5px rgba(0, 0, 0, .2);
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
index 4a8dc2f..c226cc0 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -1,5 +1,5 @@
 /*  TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
-    version: 1.7.3
+    version: 1.7.4
 
     A Tangerine redesign for Mastodon's Web UI.
     https://github.com/nileane/TangerineUI-for-Mastodon/
@@ -2297,6 +2297,27 @@ body.layout-single-column  {
     color: var(--color-accent-fg);
 }
 
+
+/* Media modals */
+.layout-single-column .modal-root__modal.media-modal {
+    background-color: rgba(255, 255, 255, .8);
+}
+.layout-single-column .media-modal__overlay .picture-in-picture__footer {
+    background-color: transparent;
+}
+.layout-single-column .media-modal__nav,
+.layout-single-column .media-modal__overlay .picture-in-picture__footer .icon-button {
+    color: var(--color-content-fg);
+}
+.layout-single-column .media-modal__page-dot {
+    background-color: var(--color-content-fg);
+}
+@media (prefers-color-scheme: dark) {
+    .layout-single-column .modal-root__modal.media-modal {
+        background-color: rgba(0, 0, 0, .6);
+    }
+}
+
 /* 🖼️ Picture in Picture */
 .layout-single-column .picture-in-picture {
     box-shadow: 0 0 5px rgba(0, 0, 0, .2);
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index 5f20ee8..57382eb 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -1,5 +1,5 @@
 /*  TangerineUI 🍊 for Mastodon
-    version: 1.7.3
+    version: 1.7.4
 
     A Tangerine redesign for Mastodon's Web UI.
     https://github.com/nileane/TangerineUI-for-Mastodon/
@@ -2297,6 +2297,27 @@ body.layout-single-column  {
     color: var(--color-accent-fg);
 }
 
+
+/* Media modals */
+.layout-single-column .modal-root__modal.media-modal {
+    background-color: rgba(255, 255, 255, .8);
+}
+.layout-single-column .media-modal__overlay .picture-in-picture__footer {
+    background-color: transparent;
+}
+.layout-single-column .media-modal__nav,
+.layout-single-column .media-modal__overlay .picture-in-picture__footer .icon-button {
+    color: var(--color-content-fg);
+}
+.layout-single-column .media-modal__page-dot {
+    background-color: var(--color-content-fg);
+}
+@media (prefers-color-scheme: dark) {
+    .layout-single-column .modal-root__modal.media-modal {
+        background-color: rgba(0, 0, 0, .6);
+    }
+}
+
 /* 🖼️ Picture in Picture */
 .layout-single-column .picture-in-picture {
     box-shadow: 0 0 5px rgba(0, 0, 0, .2);