grey screenshots

frontend/src/components/server/tabs/config/Networks.tsx

@@ -59,9 +59,13 @@ const Network: Component<{ network: NetworkType }> = (p) => {
   const { selected, ws } = useAppState();
   return (
     <Flex
+      class="grey-no-hover"
       alignItems="center"
       justifyContent="space-between"
-      style={{ "background-color": "darkgreen", padding: "0.5rem" }}
+      style={{
+        padding: "0.5rem",
+        transition: "background-color 125ms ease-in-out",
+      }}
     >
       <div>{p.network.name}</div>
       <ConfirmButton

frontend/src/style/index.scss

@@ -66,6 +66,11 @@ input::placeholder {
   opacity: 0.6;
 }
 
+.grey-no-hover {
+  background-color: rgba(c.$grey, 0.8);
+}
+
+
 .grey {
   background-color: rgba(c.$grey, 0.8);
 }

readme.md

@@ -1,7 +1,7 @@
 ### Monitor
-![screenshot6](https://raw.githubusercontent.com/mbecker20/monitor/main/screenshots/screenshot6.png)
-![screenshot7](https://raw.githubusercontent.com/mbecker20/monitor/main/screenshots/screenshot7.png)
-![screenshot8](https://raw.githubusercontent.com/mbecker20/monitor/main/screenshots/screenshot8.png)
+![screenshot9](https://raw.githubusercontent.com/mbecker20/monitor/main/screenshots/screenshot9.png)
+![screenshot10](https://raw.githubusercontent.com/mbecker20/monitor/main/screenshots/screenshot10.png)
+![screenshot11](https://raw.githubusercontent.com/mbecker20/monitor/main/screenshots/screenshot11.png)
 <!-- <img src="https://raw.githubusercontent.com/mbecker20/monitor/main/screenshots/mobile.jpeg" alt="mobile view" width="400" /> -->
 
 ### There are seven main tasks of monitor: