From e84ae1c3fb9282fae5b64612add84127b94ba82d Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Thu, 19 Jun 2025 16:05:01 +0200
Subject: [PATCH 1/2] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(Toolbar):=20a?=
 =?UTF-8?q?dd=20background=20color=20transition?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

adds a 200ms cubic-bezier(0.4, 0, 0.2, 1) transition to background color changes
---
 src/components/molecules/Toolbar/index.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/molecules/Toolbar/index.tsx b/src/components/molecules/Toolbar/index.tsx
index 273f052..e037b3e 100644
--- a/src/components/molecules/Toolbar/index.tsx
+++ b/src/components/molecules/Toolbar/index.tsx
@@ -106,6 +106,10 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
             backgroundColor: 'hsla(0, 0%, 100%, 0.75)',
             backdropFilter: 'blur(8px)',
           }),
+          transition: theme.transitions.create('background-color', {
+            duration: theme.transitions.duration.shorter,
+            easing: theme.transitions.easing.easeInOut,
+          }),
           ...props.sx,
         }}>
         <Toolbar

From 8e691dba3a7d7159c64cbd88153ca5606e750466 Mon Sep 17 00:00:00 2001
From: m-tartari <37861893+m-tartari@users.noreply.github.com>
Date: Thu, 19 Jun 2025 16:05:44 +0200
Subject: [PATCH 2/2] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor(Toolbar):=20c?=
 =?UTF-8?q?leanup=20button=20color=20handling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/molecules/Toolbar/index.tsx | 27 +++++++---------------
 1 file changed, 8 insertions(+), 19 deletions(-)

diff --git a/src/components/molecules/Toolbar/index.tsx b/src/components/molecules/Toolbar/index.tsx
index e037b3e..aeaeeb5 100644
--- a/src/components/molecules/Toolbar/index.tsx
+++ b/src/components/molecules/Toolbar/index.tsx
@@ -23,7 +23,7 @@ import MenuIcon from '@mui/icons-material/Menu'
 
 const AppBarButton = styled(Button<typeof RouterLink>)(({ theme }) => ({
   textTransform: 'none',
-  color: 'inherit',
+  color: theme.palette.mode === 'dark' ? 'inherit' : 'text.secondary',
   ':hover': {
     backgroundColor: 'transparent',
     ...(theme.palette.mode === 'dark' && {
@@ -131,32 +131,21 @@ const CustomToolbar: React.FC<CustomToolbarProps> = ({ drawerWidth = 240, window
             to="/"
             disableRipple
             sx={theme => ({
-              [theme.breakpoints.down('md')]: {
-                mx: 'auto',
-              },
-              [theme.breakpoints.up('md')]: {
-                mr: 'auto',
-              },
+              color: theme.palette.text.primary,
+              [theme.breakpoints.down('md')]: { mx: 'auto' },
+              [theme.breakpoints.up('md')]: { mr: 'auto' },
             })}>
-            <Typography variant="h6" color="text.primary">
-              Michele Tartari
-            </Typography>
+            <Typography variant="h6">Michele Tartari</Typography>
           </AppBarButton>
           <Stack component="div" direction="row" spacing={2} sx={{ display: { xs: 'none', md: 'flex' } }}>
             <AppBarButton component={RouterLink} to="/" disableRipple>
-              <Typography color={theme.palette.mode === 'dark' ? 'inherit' : 'text.secondary'} variant="h6">
-                Home
-              </Typography>
+              <Typography variant="h6">Home</Typography>
             </AppBarButton>
             <AppBarButton component={RouterLink} to="/projects" disableRipple>
-              <Typography color={theme.palette.mode === 'dark' ? 'inherit' : 'text.secondary'} variant="h6">
-                Projects
-              </Typography>
+              <Typography variant="h6">Projects</Typography>
             </AppBarButton>
             <AppBarButton component={RouterLink} to="/curriculum" disableRipple>
-              <Typography color={theme.palette.mode === 'dark' ? 'inherit' : 'text.secondary'} variant="h6">
-                Curriculum
-              </Typography>
+              <Typography variant="h6">Curriculum</Typography>
             </AppBarButton>
             <Button
               component={RouterLink}