fix(ui): remove backdrop blur from dialog overlays (#46)

maskar · web-flow · commit 38a16b52d100 · 2026-03-28T17:19:07.000+01:00
The blur effect can be distracting when monitoring terminal output
behind a dialog. Remove it while keeping the dark overlay for focus.

Co-authored-by: maskar &lt;Maskar@users.noreply.github.com&gt;
diff --git a/src/styles.css b/src/styles.css
@@ -668,7 +668,7 @@ textarea::placeholder {
 .dialog-overlay {
   animation: fadeIn 0.16s ease;
   background: color-mix(in srgb, #000 44%, transparent);
-  backdrop-filter: blur(6px) saturate(1.15);
+  backdrop-filter: saturate(1.15);
 }
 
 .dialog-overlay > form,

Original file line number	Diff line number	Diff line change
`@@ -668,7 +668,7 @@ textarea::placeholder {`
`668`	`668`	`.dialog-overlay {`
`669`	`669`	`animation: fadeIn 0.16s ease;`
`670`	`670`	`background: color-mix(in srgb, #000 44%, transparent);`
`671`		`- backdrop-filter: blur(6px) saturate(1.15);`
	`671`	`+ backdrop-filter: saturate(1.15);`
`672`	`672`	`}`
`673`	`673`
`674`	`674`	`.dialog-overlay > form,`