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 1/2] 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;
From 83cc9cf980ad0bceca6606496408bfdddb9128e1 Mon Sep 17 00:00:00 2001
From: Insert5StarName <anime@shourai.de>
Date: Sun, 15 Oct 2023 20:26:05 +0200
Subject: [PATCH 2/2] fix: pinned notes not being transparent
---
packages/frontend/src/style.scss | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/packages/frontend/src/style.scss b/packages/frontend/src/style.scss
index df2f953c50..e155fd1ba0 100644
--- a/packages/frontend/src/style.scss
+++ b/packages/frontend/src/style.scss
@@ -267,7 +267,8 @@ hr {
}
._panel {
- background: var(--panel);
+ background: color-mix(in srgb, var(--panel) 65%, transparent);
+ backdrop-filter: blur(16px);
border-radius: var(--radius);
overflow: clip;
}