From c9d03c9ced4540be6c324a6d8ae799580b229739 Mon Sep 17 00:00:00 2001
From: Amelia Yukii <123300075+Insert5StarName@users.noreply.github.com>
Date: Sun, 15 Oct 2023 20:18:19 +0200
Subject: [PATCH] fix: some missing transparent elements

---
 packages/frontend/src/components/MkRemoteCaution.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/MkRemoteCaution.vue b/packages/frontend/src/components/MkRemoteCaution.vue
index 0c7d07e342..12f9021843 100644
--- a/packages/frontend/src/components/MkRemoteCaution.vue
+++ b/packages/frontend/src/components/MkRemoteCaution.vue
@@ -19,7 +19,8 @@ defineProps<{
 .root {
 	font-size: 0.8em;
 	padding: 16px;
-	background: var(--infoWarnBg);
+	background: color-mix(in srgb, var(--infoWarnBg) 65%, transparent);
+	backdrop-filter: blur(16px);
 	color: var(--infoWarnFg);
 	border-radius: var(--radius);
 	overflow: clip;