diff --git a/apps/desktop/src/components/mq/MonitoringPanel.vue b/apps/desktop/src/components/mq/MonitoringPanel.vue index 5313a7044b..c2f06fc0f6 100644 --- a/apps/desktop/src/components/mq/MonitoringPanel.vue +++ b/apps/desktop/src/components/mq/MonitoringPanel.vue @@ -929,8 +929,7 @@ onUnmounted(() => { gap: 16px; padding: 14px 20px; border-bottom: 1px solid var(--monitor-border); - background: color-mix(in srgb, var(--monitor-surface) 92%, transparent); - backdrop-filter: blur(10px); + background: var(--monitor-surface); position: sticky; top: 0; z-index: 1; diff --git a/apps/desktop/src/styles/globals.css b/apps/desktop/src/styles/globals.css index 24d299544a..2354189ef5 100644 --- a/apps/desktop/src/styles/globals.css +++ b/apps/desktop/src/styles/globals.css @@ -2140,20 +2140,20 @@ html.theme-vscode .app-tab-scroll.wrap-mode .app-tab-pill[data-active-tab="false display: none; } -/* Frosted glass menus */ +/* Shared menu surfaces */ .cn-menu-translucent { - backdrop-filter: blur(8px) saturate(1.6) !important; - -webkit-backdrop-filter: blur(8px) saturate(1.6) !important; - background-color: rgb(255 255 255 / 0.95) !important; - background-color: oklch(1 0 0 / 0.95) !important; + backdrop-filter: none !important; + -webkit-backdrop-filter: none !important; + background-color: rgb(255 255 255) !important; + background-color: oklch(1 0 0) !important; box-shadow: none !important; border: 0.5px solid rgb(0 0 0 / 0.12) !important; border: 0.5px solid oklch(0 0 0 / 0.12) !important; --tw-ring-shadow: none !important; } .dark .cn-menu-translucent { - background-color: rgb(23 23 23 / 0.82) !important; - background-color: oklch(0.205 0 0 / 0.82) !important; + background-color: rgb(23 23 23) !important; + background-color: oklch(0.205 0 0) !important; border-color: rgb(255 255 255 / 0.1) !important; border-color: oklch(1 0 0 / 0.1) !important; } @@ -2164,7 +2164,7 @@ html.theme-vscode .app-tab-scroll.wrap-mode .app-tab-pill[data-active-tab="false [data-slot="dropdown-menu-sub-content"], [data-slot="select-content"], .cn-menu-translucent { - background-color: rgba(255, 255, 255, 0.96) !important; + background-color: rgb(255, 255, 255) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important; --tw-ring-color: transparent !important; @@ -2178,7 +2178,7 @@ html.theme-vscode .app-tab-scroll.wrap-mode .app-tab-pill[data-active-tab="false .dark [data-slot="dropdown-menu-sub-content"], .dark [data-slot="select-content"], .dark .cn-menu-translucent { - background-color: rgba(23, 23, 23, 0.94) !important; + background-color: rgb(23, 23, 23) !important; border-color: rgba(255, 255, 255, 0.12) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important; }