diff --git a/packages/client/src/components/MkGalleryPostPreview.vue b/packages/client/src/components/MkGalleryPostPreview.vue
index 2afc8536ef..056f1dff4c 100644
--- a/packages/client/src/components/MkGalleryPostPreview.vue
+++ b/packages/client/src/components/MkGalleryPostPreview.vue
@@ -88,7 +88,7 @@ const props = defineProps<{
 			padding: 16px;
 			box-sizing: border-box;
 			color: #fff;
-			text-shadow: 0 0 8px #000;
+			text-shadow: 0 0 8px var(--shadow);
 			background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
 
 			&:before {
diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index 1b0e0380a1..f6e3b1e68a 100644
--- a/packages/client/src/pages/about.vue
+++ b/packages/client/src/pages/about.vue
@@ -307,7 +307,7 @@ function syncSlide(index) {
 			display: block;
 			padding: 16px;
 			color: #e0def4;
-			text-shadow: 0 0 8px #000;
+			text-shadow: 0 0 8px var(--shadow);
 			background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
 		}
 	}
diff --git a/packages/client/src/pages/page.vue b/packages/client/src/pages/page.vue
index 8979d9a25b..0d6893c328 100644
--- a/packages/client/src/pages/page.vue
+++ b/packages/client/src/pages/page.vue
@@ -219,7 +219,7 @@ definePageMetadata(computed(() => page ? {
 					> h1 {
 						margin: 0;
 						color: white;
-						text-shadow: 0 0 8px #000;
+						text-shadow: 0 0 8px var(--shadow);
 					}
 				}
 
@@ -239,7 +239,7 @@ definePageMetadata(computed(() => page ? {
 						height: 31px;
 						width: 31px;
 						color: #fff;
-						text-shadow: 0 0 8px #000;
+						text-shadow: 0 0 8px var(--shadow);
 						font-size: 16px;
 					}
 
diff --git a/packages/client/src/pages/user/home.vue b/packages/client/src/pages/user/home.vue
index 942e0e2540..10aa94b4fd 100644
--- a/packages/client/src/pages/user/home.vue
+++ b/packages/client/src/pages/user/home.vue
@@ -275,7 +275,7 @@ onUnmounted(() => {
 							height: 31px;
 							width: 31px;
 							color: #fff;
-							text-shadow: 0 0 8px #000;
+							text-shadow: 0 0 8px var(--shadow);
 							font-size: 16px;
 						}
 
@@ -386,7 +386,7 @@ onUnmounted(() => {
 							line-height: 32px;
 							font-weight: bold;
 							font-size: 1.8em;
-							text-shadow: 0 0 8px #000;
+							text-shadow: 0 0 8px var(--shadow);
 						}
 
 						> .bottom {
@@ -419,7 +419,7 @@ onUnmounted(() => {
 							line-height: 32px;
 							font-weight: bold;
 							font-size: 1.8em;
-							text-shadow: 0 0 8px #000;
+							text-shadow: 0 0 8px var(--shadow);
 						}
 
 						> .followed {