Fix LVM badge dark mode, add aria attributes, reject invalid log levels

- Use CSS variables for LVM badge colors with proper dark mode values
- Add aria-expanded to error Details toggle button
- Add aria-busy to loading spinners in DiskList and MountStatus
- Reject unknown numeric log levels instead of silently defaulting to trace

Author: fenio

src-tauri/src/commands/config.rs

@@ -40,7 +40,8 @@ where
                 2 => "warn",
                 3 => "info",
                 4 => "debug",
-                5 | _ => "trace",
+                5 => "trace",
+                _ => return Err(D::Error::custom(format!("invalid numeric log level: {}. Expected 0-5 (off=0, error=1, warn=2, info=3, debug=4, trace=5)", i))),
             };
             Ok(Some(level.to_string()))
         }

src/app.css

@@ -51,6 +51,9 @@
 
 	--badge-bg: rgba(0, 0, 0, 0.06);
 
+	--lvm-bg: rgba(175, 82, 222, 0.12);
+	--lvm-color: #af52de;
+
 	--button-secondary-bg: #ffffff;
 	--button-secondary-hover: #f5f5f7;
 
@@ -107,6 +110,9 @@
 
 		--badge-bg: rgba(255, 255, 255, 0.1);
 
+		--lvm-bg: rgba(175, 82, 222, 0.2);
+		--lvm-color: #c084fc;
+
 		--button-secondary-bg: #3a3a3c;
 		--button-secondary-hover: #48484a;
 

src/components/DiskList.svelte

@@ -161,7 +161,7 @@
 					<span class="error-message">{summary}</span>
 					<div class="error-actions">
 						{#if details}
-							<button class="details-btn" onclick={() => (showErrorDetails = !showErrorDetails)}>
+							<button class="details-btn" aria-expanded={showErrorDetails} onclick={() => (showErrorDetails = !showErrorDetails)}>
 								{showErrorDetails ? 'Less' : 'Details'}
 							</button>
 						{/if}
@@ -189,7 +189,7 @@
 	{/if}
 
 	{#if $disks.loading && $disks.disks.length === 0}
-		<div class="loading" role="status">
+		<div class="loading" role="status" aria-busy="true">
 			<span class="spinner large" aria-hidden="true"></span>
 			<span>Scanning disks...</span>
 		</div>
@@ -497,8 +497,8 @@
 	}
 
 	.type-badge.lvm {
-		background: rgba(175, 82, 222, 0.12);
-		color: #af52de;
+		background: var(--lvm-bg);
+		color: var(--lvm-color);
 	}
 
 	.disk-model {

src/components/MountStatus.svelte

@@ -88,7 +88,7 @@
 	</div>
 {:else if $disks.mountingDevice}
 	<div class="mount-status mounting">
-		<div class="status-icon" role="status">
+		<div class="status-icon" role="status" aria-busy="true">
 			<span class="spinner" aria-hidden="true"></span>
 			<span class="sr-only">Loading</span>
 		</div>