From 9aab606debfb538300ce16ae4688d333283a9504 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Sat, 23 Aug 2025 02:15:06 +0300 Subject: [PATCH] style: improve the support of disabled backdrop effects --- apps/client/src/stylesheets/theme-next-dark.css | 1 + apps/client/src/stylesheets/theme-next-light.css | 1 + apps/client/src/stylesheets/theme-next/base.css | 6 ++++++ 3 files changed, 8 insertions(+) diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index b27627bd1..b32e29f2b 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -89,6 +89,7 @@ --menu-text-color: #e3e3e3; --menu-background-color: #222222d9; + --menu-background-color-no-backdrop: #1b1b1b; --menu-item-icon-color: #8c8c8c; --menu-item-disabled-opacity: 0.5; --menu-item-keyboard-shortcut-color: #ffffff8f; diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index ff82e99ba..deb9fb2ec 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -83,6 +83,7 @@ --menu-text-color: #272727; --menu-background-color: #ffffffd9; + --menu-background-color-no-backdrop: #fdfdfd; --menu-item-icon-color: #727272; --menu-item-disabled-opacity: 0.6; --menu-item-keyboard-shortcut-color: #666666a8; diff --git a/apps/client/src/stylesheets/theme-next/base.css b/apps/client/src/stylesheets/theme-next/base.css index c992f7ecb..27fbf3557 100644 --- a/apps/client/src/stylesheets/theme-next/base.css +++ b/apps/client/src/stylesheets/theme-next/base.css @@ -83,6 +83,12 @@ --tab-note-icons: true; } +body.backdrop-effects-disabled { + /* Backdrop effects are disabled, replace the menu background color with the + * no-backdrop fallback color */ + --menu-background-color: var(--menu-background-color-no-backdrop); +} + /* * MENUS *