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

Update macOS vibrancy styles for improved background opacity and add navigation wrapper styles

Browse Source 
- Adjusted background opacity for light and dark modes in the sidebar to enhance visual consistency.
- Introduced new styles for the electron navigation wrapper in both light and dark modes to improve UI clarity.
- Refined overall CSS for macOS vibrancy to ensure better integration with the application layout.
This commit is contained in:
Tom Butcher 2026-08-02 13:53:56 +01:00
parent 884f66cc4c
commit 655e1803ff
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/stylesheets/App.css
View File

@ -133,11 +133,11 @@ html.macos-vibrancy .dark-mode .ant-layout.main-content-layout {
}
html.macos-vibrancy .light-mode .ant-layout-sider {
background: rgba(244, 244, 244, 0.8) !important;
background: rgba(244, 244, 244, 0.82) !important;
}
html.macos-vibrancy .dark-mode .ant-layout-sider {
background: rgba(10, 10, 10, 0.8) !important;
background: rgba(10, 10, 10, 0.82) !important;
}
html.macos-vibrancy .light-mode .ant-layout-content {
@ -171,6 +171,18 @@ html.macos-vibrancy
color: #ffffff;
}
html.macos-vibrancy .dark-mode .electron-navigation-wrapper {
background: rgba(10, 10, 10, 0.9) !important;
}
html.macos-vibrancy .light-mode .electron-navigation-wrapper {
background: rgba(255, 255, 255, 0.9) !important;
}
html.macos-vibrancy .electron-navigation {
background: rgba(0, 0, 0, 0) !important;
}
html.macos-vibrancy .light-mode .ant-layout.main-content-layout .ant-card {
background: rgba(255, 255, 255, 0.5) !important;
}