farmcontrol/farmcontrol-ui
farmcontrol/farmcontrol-ui
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance MacOS Vibrancy Styles for Light and Dark Modes

Browse Source 
- 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.
This commit is contained in:
Tom Butcher 2026-08-21 11:09:38 +01:00
parent 368e2ba9ef
commit 0225e229d8
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/stylesheets/App.css
View File

@ -143,11 +143,21 @@ html.macos-vibrancy .main-layout {
background: transparent !important; 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; 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; background: rgba(0, 0, 0, 0.88) !important;
} }