diff --git a/src/media/css/offline.css b/src/media/css/offline.css
index c3c767e..c1abd0a 100644
--- a/src/media/css/offline.css
+++ b/src/media/css/offline.css
@@ -25,6 +25,24 @@
 	background-size: cover;
 }
 
+/* Dark theme: overlay to darken the background */
+:root[data-bs-theme="dark"] .moko-offline-wrap {
+	position: relative;
+}
+
+:root[data-bs-theme="dark"] .moko-offline-wrap::before {
+	content: "";
+	position: absolute;
+	inset: 0;
+	background: rgba(0, 0, 0, 0.5);
+	z-index: 0;
+}
+
+:root[data-bs-theme="dark"] .moko-offline-wrap > * {
+	position: relative;
+	z-index: 1;
+}
+
 /* === Centered Card Overlay === */
 .moko-offline-card {
 	width: 100%;