From 0225e229d8d5d831d3f9c5fec7bb89f6b15b805a Mon Sep 17 00:00:00 2001 From: Tom Butcher Date: Fri, 21 Aug 2026 11:09:38 +0100 Subject: [PATCH] Enhance MacOS Vibrancy Styles for Light and Dark Modes - Updated CSS for MacOS vibrancy to include styles for the dashboard splitter in both light and dark modes, ensuring consistent background appearance across components. - Improved specificity of styles for the ant-layout main content layout and splitter bar dragger to enhance visual clarity and user experience. --- assets/stylesheets/App.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css index 12600722..c2b51601 100644 --- a/assets/stylesheets/App.css +++ b/assets/stylesheets/App.css @@ -143,11 +143,21 @@ html.macos-vibrancy .main-layout { background: transparent !important; } -html.macos-vibrancy .light-mode .ant-layout.main-content-layout { +html.macos-vibrancy .light-mode .ant-layout.main-content-layout, +html.macos-vibrancy + .light-mode + .dashboard-splitter.farmcontrol-splitter + > .ant-splitter-bar + .ant-splitter-bar-dragger:before { background: rgba(255, 255, 255, 0.88) !important; } -html.macos-vibrancy .dark-mode .ant-layout.main-content-layout { +html.macos-vibrancy .dark-mode .ant-layout.main-content-layout, +html.macos-vibrancy + .dark-mode + .dashboard-splitter.farmcontrol-splitter + > .ant-splitter-bar + .ant-splitter-bar-dragger:before { background: rgba(0, 0, 0, 0.88) !important; }