diff --git a/public/index.html b/public/index.html
index 835bbfd..e969b4d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,10 +1,20 @@
-
+
-
-
- <%= title %>
-
-
-
-
+
+
+
+
+ <%= title %>
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
index 2dda898..353f78f 100644
--- a/src/components/Sidebar.js
+++ b/src/components/Sidebar.js
@@ -32,9 +32,18 @@ const useStyles = makeStyles((theme) => ({
listItem: {
display: "flex",
alignItems: "center",
+ backgroundColor: theme.palette.background.default,
+ },
+
+ selected: {
backgroundColor: theme.palette.background.secondary,
},
+ itemText: {
+ fontFamily: '"DM Mono", monospace',
+ fontWeight: 400,
+ },
+
icon: {
minWidth: 40,
color: theme.palette.grey[500],
@@ -68,7 +77,7 @@ const Sidebar = ({ modules: { services, settings } }) => {
selected={isSelected(path)}
key={path}
onClick={() => history.push(path)}
- className={classes.listItem}
+ classes={{ root: classes.listItem, selected: classes.selected }}
>
{
)}
/>
-
+
))}
@@ -103,7 +115,10 @@ const Sidebar = ({ modules: { services, settings } }) => {
-
+
);
})}
diff --git a/src/containers/panels/registry/Registry.js b/src/containers/panels/registry/Registry.js
index dec0e07..167961b 100644
--- a/src/containers/panels/registry/Registry.js
+++ b/src/containers/panels/registry/Registry.js
@@ -39,6 +39,11 @@ const useStyles = makeStyles(() => ({
overflow: "hidden",
flex: 1,
},
+
+ tabs: {
+ fontFamily: '"DM Mono", monospace',
+ fontWeight: 400,
+ },
}));
const Registry = () => {
@@ -56,9 +61,9 @@ const Registry = () => {
onChange={(_, value) => setTab(value)}
indicatorColor="primary"
>
-
-
-
+
+
+
{/* */}