From 69b61cf90b55bd7ebe941264fc731b4d3b56389b Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Fri, 12 Dec 2025 15:00:11 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(toolbar):=20add?=
 =?UTF-8?q?=20transparency=20to=20dark=20mode=20background?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/molecules/Toolbar/index.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/molecules/Toolbar/index.tsx b/src/components/molecules/Toolbar/index.tsx
index aeb701d..16a32a5 100644
--- a/src/components/molecules/Toolbar/index.tsx
+++ b/src/components/molecules/Toolbar/index.tsx
@@ -109,8 +109,13 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
         elevation={theme.palette.mode === 'light' ? 1 : 0}
         {...props}
         sx={{
-          backgroundColor: trigger ? 'background.paper' : 'transparent',
+          backgroundColor: 'transparent',
           '@media print': { backgroundColor: 'background.default' },
+          ...(trigger && {
+            backgroundColor: 'hsla(230, 18%, 13%, 0.75)',
+            backdropFilter: 'blur(8px)',
+            boxShadow: theme.shadows[4],
+          }),
           ...(theme.palette.mode === 'light' && {
             backgroundColor: 'hsla(0, 0%, 100%, 0.75)',
             backdropFilter: 'blur(8px)',