From 655e1803ffc350c92c5fb405bdf40c23dcca6e60 Mon Sep 17 00:00:00 2001 From: Tom Butcher Date: Sun, 2 Aug 2026 13:53:56 +0100 Subject: [PATCH] Update macOS vibrancy styles for improved background opacity and add navigation wrapper styles - 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. --- assets/stylesheets/App.css | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/assets/stylesheets/App.css b/assets/stylesheets/App.css index fbda198..88ba4f7 100644 --- a/assets/stylesheets/App.css +++ b/assets/stylesheets/App.css @@ -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; }