find/omnibox: add subtle blur in faded mode via (webkit)backdrop-filter on box; clear filters when unfading

1 file · +4 -0

M pkg/webkit/ucm_js_cgo.go +4 -0


@@ -56,10 +56,14 @@ func getOmniboxScript() string {
56	56		if (!H.box \|\| !H.input \|\| !H.list) return;
57	57		if (H.faded) {
58	58		H.box.style.background = 'rgba(27,27,27,0.25)';
	59	+	H.box.style.backdropFilter = 'blur(2px) saturate(110%)';
	60	+	H.box.style.webkitBackdropFilter = 'blur(2px) saturate(110%)';
59	61		H.input.style.background = 'rgba(18,18,18,0.35)';
60	62		H.input.style.color = '#eee';
61	63		} else {
62	64		H.box.style.background = '#1b1b1b';
	65	+	H.box.style.backdropFilter = '';
	66	+	H.box.style.webkitBackdropFilter = '';
63	67		H.input.style.background = '#121212';
64	68		H.input.style.color = '#eee';
65	69		}


@@ -56,10 +56,14 @@ func getOmniboxScript() string {
56	if (!H.box \|\| !H.input \|\| !H.list) return;	56		if (!H.box \|\| !H.input \|\| !H.list) return;
57	if (H.faded) {	57		if (H.faded) {
58	H.box.style.background = 'rgba(27,27,27,0.25)';	58		H.box.style.background = 'rgba(27,27,27,0.25)';
		59	+	H.box.style.backdropFilter = 'blur(2px) saturate(110%)';
		60	+	H.box.style.webkitBackdropFilter = 'blur(2px) saturate(110%)';
59	H.input.style.background = 'rgba(18,18,18,0.35)';	61		H.input.style.background = 'rgba(18,18,18,0.35)';
60	H.input.style.color = '#eee';	62		H.input.style.color = '#eee';
61	} else {	63		} else {
62	H.box.style.background = '#1b1b1b';	64		H.box.style.background = '#1b1b1b';
		65	+	H.box.style.backdropFilter = '';
		66	+	H.box.style.webkitBackdropFilter = '';
63	H.input.style.background = '#121212';	67		H.input.style.background = '#121212';
64	H.input.style.color = '#eee';	68		H.input.style.color = '#eee';
65	}	69		}