From a7fa4100be7f48a5c57fd63d3015c27a5e894a1b Mon Sep 17 00:00:00 2001
From: Marie <github@yuugi.dev>
Date: Sat, 3 May 2025 22:39:49 +0000
Subject: [PATCH] fix background transparency on notes

---
 packages/frontend/src/components/MkNotes.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/MkNotes.vue b/packages/frontend/src/components/MkNotes.vue
index 602619402a..efb481d01d 100644
--- a/packages/frontend/src/components/MkNotes.vue
+++ b/packages/frontend/src/components/MkNotes.vue
@@ -60,7 +60,7 @@ defineExpose({
 	container-type: inline-size;
 
 	&.noGap {
-		background: var(--MI_THEME-panel);
+		background: color-mix(in srgb, var(--MI_THEME-panel) 65%, transparent);
 
 		.note {
 			border-bottom: solid 0.5px var(--MI_THEME-divider);
@@ -78,7 +78,7 @@ defineExpose({
 		background: var(--MI_THEME-bg);
 
 		.note {
-			background: var(--MI_THEME-panel);
+			background: color-mix(in srgb, var(--MI_THEME-panel) 65%, transparent);
 			border-radius: var(--MI-radius);
 		}
 	}