From ce56d7c324220b2e5e70e051e92557fcdc75191a Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Tue, 3 Jan 2023 18:56:43 -0800
Subject: [PATCH] more shadow fixes

---
 packages/client/src/components/MkGalleryPostPreview.vue | 2 +-
 packages/client/src/pages/about.vue                     | 2 +-
 packages/client/src/pages/page.vue                      | 4 ++--
 packages/client/src/pages/user/home.vue                 | 6 +++---
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/client/src/components/MkGalleryPostPreview.vue b/packages/client/src/components/MkGalleryPostPreview.vue
index 2afc8536e..056f1dff4 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 1b0e0380a..f6e3b1e68 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 8979d9a25..0d6893c32 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 942e0e254..10aa94b4f 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 {