From c7abf6e90285857344d7e4f85553a89df971fc3c Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Sat, 13 Aug 2022 23:49:06 +0200
Subject: refactor(frondend): dark theme tweaks

---
 subprojects/frontend/src/TopBar.tsx | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

(limited to 'subprojects/frontend/src/TopBar.tsx')

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>
-- 
cgit v1.2.3-54-g00ecf

