Add backgrounds in nav & settings when wallpaper in use

packages/client/src/pages/settings/index.vue

@@ -331,6 +331,11 @@ definePageMetadata(INFO);
 <style lang="scss" scoped>
 .vvcocwet {
 	> .body {
+		.wallpaper & {
+			background: var(--bg);
+			padding: var(--margin);
+			border-radius: var(--radius);
+		}
 		> .nav {
 			.baaadecd {
 				> .info {

packages/client/src/ui/universal.vue

@@ -471,6 +471,21 @@ console.log(mainRouter.currentRoute.value.name);
 	}
 	&.wallpaper {
 		background: var(--wallpaperOverlay);
+
+		:deep(.sidebar .middle) {
+			position: relative;
+			&::before {
+				content: "";
+				position: absolute;
+				inset: -10px 10px;
+				background: var(--bg);
+				border-radius: calc((2.85rem / 2) + 5px);
+				opacity: 1;
+			}
+			> ._button:last-child {
+				margin-bottom: 0 !important;
+			}
+		}
 	}
 
 	&.centered {
@@ -547,7 +562,7 @@ console.log(mainRouter.currentRoute.value.name);
 		&.wallpaper {
 			.contents {
 				background: var(--acrylicBg) !important;
-				backdrop-filter: blur(12px);
+				backdrop-filter: var(--blur, blur(12px));
 			}
 			:deep(.tl),
 			:deep(.notes) {