refactor(frondend): dark theme tweaks

1 files changed, 9 insertions, 11 deletions

diff --git a/subprojects/frontend/src/TopBar.tsx b/subprojects/frontend/src/TopBar.tsx
index 5ac74e7a..af571a1e 100644
--- a/subprojects/frontend/src/TopBar.tsx
+++ b/subprojects/frontend/src/TopBar.tsx
@@ -1,6 +1,4 @@
-import MenuIcon from '@mui/icons-material/Menu';
 import AppBar from '@mui/material/AppBar';
-import IconButton from '@mui/material/IconButton';
 import Toolbar from '@mui/material/Toolbar';
 import Typography from '@mui/material/Typography';
 import React from 'react';
@@ -9,16 +7,16 @@ import ToggleDarkModeButton from './ToggleDarkModeButton';
 
 export default function TopBar(): JSX.Element {
   return (
-    <AppBar position="static" color="primary">
+    <AppBar
+      position="static"
+      elevation={0}
+      color="transparent"
+      sx={(theme) => ({
+        background: theme.palette.highlight.activeLine,
+        borderBottom: `1px solid ${theme.palette.divider2}`,
+      })}
+    >
       <Toolbar>
-        <IconButton
-          edge="start"
-          sx={{ mr: 2 }}
-          color="inherit"
-          aria-label="menu"
-        >
-          <MenuIcon />
-        </IconButton>
         <Typography variant="h6" component="h1" flexGrow={1}>
           Refinery
         </Typography>