From 31b6c7e5047491521483a6e5b5e76d4465e93ce4 Mon Sep 17 00:00:00 2001 From: MocA-Love Date: Thu, 16 Apr 2026 11:18:15 +0900 Subject: [PATCH] =?UTF-8?q?fix(desktop):=20vibrancy=20ON=E6=99=82=E3=81=AB?= =?UTF-8?q?=E3=83=80=E3=82=A4=E3=82=A2=E3=83=AD=E3=82=B0/=E3=83=A2?= =?UTF-8?q?=E3=83=BC=E3=83=80=E3=83=AB=E3=81=AE=E8=83=8C=E6=99=AF=E3=81=8C?= =?UTF-8?q?=E9=80=8F=E9=81=8E=E3=81=99=E3=82=8B=E5=95=8F=E9=A1=8C=E3=82=92?= =?UTF-8?q?=E4=BF=AE=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/desktop/src/renderer/globals.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/apps/desktop/src/renderer/globals.css b/apps/desktop/src/renderer/globals.css index c744c1af5e6..94602930686 100644 --- a/apps/desktop/src/renderer/globals.css +++ b/apps/desktop/src/renderer/globals.css @@ -138,6 +138,21 @@ ); } +/* + * Overlay components (dialog, sheet, drawer, alert-dialog) use bg-background, + * which becomes semi-transparent under vibrancy. Override them to use the + * near-opaque --popover value so content remains legible. + */ +:root[data-vibrancy="on"] + :is( + [data-slot="dialog-content"], + [data-slot="alert-dialog-content"], + [data-slot="sheet-content"], + [data-slot="drawer-content"] + ) { + background-color: var(--popover); +} + :root[data-vibrancy="on"].light { --background: rgb(255 255 255 / var(--vibrancy-alpha)); --card: rgb(255 255 255 / min(1, calc(var(--vibrancy-alpha) + 0.1)));