diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 554d88d..fee3153 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -274,6 +274,18 @@ input[type=range]:disabled {
 	flex-direction: column;
 }
 
+@supports(background-image: -webkit-image-set(url('../gfx/openwebrx-background-cool-blue.webp') 1x)) {
+    #webrx-canvas-background {
+        background-image: -webkit-image-set(url('../gfx/openwebrx-background-cool-blue.webp') 1x);
+    }
+}
+
+@supports(background-image: image-set(url('../gfx/openwebrx-background-cool-blue.webp') 1x)) {
+    #webrx-canvas-background {
+        background-image: image-set(url('../gfx/openwebrx-background-cool-blue.webp') 1x);
+    }
+}
+
 #webrx-canvas-container
 {
 	position: relative;
diff --git a/htdocs/gfx/openwebrx-background-cool-blue.webp b/htdocs/gfx/openwebrx-background-cool-blue.webp
new file mode 100644
index 0000000..51f7852
Binary files /dev/null and b/htdocs/gfx/openwebrx-background-cool-blue.webp differ