feat: update theme

packages/web/src/components/AppBar/index.tsx

@@ -17,7 +17,11 @@ export default function AppBar({ onMenuClick }: AppBarProps) {
   return (
     <Box sx={{ flexGrow: 1 }}>
       <HideOnScroll>
-        <MuiAppBar sx={{ zIndex: (theme) => theme.zIndex.drawer + 1 }}>
+        <MuiAppBar
+          sx={{
+            background: (theme) => theme.palette.primary.dark,
+            zIndex: (theme) => theme.zIndex.drawer + 1
+          }}>
           <Toolbar>
             <IconButton
               size="large"

packages/web/src/components/ListItemLink/index.tsx

@@ -28,7 +28,7 @@ export default function ListItemLink(props: ListItemLinkProps) {
     <li>
       <ListItem button component={CustomLink}>
         <ListItemIcon>{icon}</ListItemIcon>
-        <ListItemText primary={primary} />
+        <ListItemText primary={primary} primaryTypographyProps={{ variant: 'body2' }} />
       </ListItem>
     </li>
   );

packages/web/src/components/PageTitle/index.tsx

@@ -8,7 +8,7 @@ export default function PageTitle(props: PageTitleProps) {
   const { children } = props;
 
   return (
-    <Typography variant="h4">
+    <Typography variant="h3">
       {children}
     </Typography>
   );

packages/web/src/components/SearchInput/style.ts

@@ -30,6 +30,7 @@ export const SearchIconWrapper = styled('div')(({ theme }) => ({
 export const InputBase = styled(MuiInput)(({ theme }) => ({
   color: 'inherit',
   width: '100%',
+  fontWeight: 400,
   maxWidth: '100%',
   '& .MuiInput-input': {
     padding: theme.spacing(1, 1, 1, 0),