corrects background of sidebar when dark-mode on mobile

src/lib/components/LiveImage.svelte

@@ -84,7 +84,7 @@
 	{:else}
 		<div class="fullscreen-container">
 			<Dialog title="Live stream of printer" close={() => (fullscreen = false)}>
-				<img style="width: 100%;" src={String(imageSource)} id="live-image" />
+				<img src={String(imageSource)} id="live-image" />
 				<span>Last update {timestamp}s ago</span>
 			</Dialog>
 
@@ -105,7 +105,11 @@
 		display: block;
 	}
 
-	:global(.fullscreen-container .dialog > div) {
+	:global(.fullscreen-container .dialog img) {
 		max-width: unset;
 	}
+
+	:global(.fullscreen-container #dialog-title) {
+		max-width: 98vw;
+	}
 </style>

src/lib/components/Sidebar.svelte

@@ -173,6 +173,19 @@
 		}
 	}
 
+	:global(body.dark .nav-wrapper.open) {
+				@media (prefers-color-scheme: dark) {
+					background-color: var(--bg);
+
+					nav a {
+						&:hover,
+						&.highlight {
+							color: white !important;
+						}
+					}
+				}
+	}
+
 	nav {
 		display: flex;
 		flex-direction: column;