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 0c7d07e34..12f902184 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 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 df2f953c5..e155fd1ba 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; }