From ccce81c0a5541ba0a9ea51e444ce87231c28acb5 Mon Sep 17 00:00:00 2001
From: Yannick <yannick.franssen@outlook.com>
Date: Fri, 1 Jul 2022 09:42:54 +0200
Subject: [PATCH] Improve listbox design to match other popup surfaces

---
 scss/_forms_select.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/scss/_forms_select.scss b/scss/_forms_select.scss
index 18ab14f..2e08dba 100644
--- a/scss/_forms_select.scss
+++ b/scss/_forms_select.scss
@@ -57,10 +57,15 @@ select.input {
   overflow: auto;
   width: 100%;
   border-radius: $border-radius;
-  background-color: var(--form-background);
+  background-color: var(--acrylic-fallback-background);
   padding: $spacer * .25;
   margin-top: $spacer * .25;
   box-shadow: var(--shadow-2);
   list-style: none;
   z-index: 100;
+
+  @supports (backdrop-filter: blur(15px) saturate(350%)) {
+    background-color: var(--acrylic-background);
+    backdrop-filter: blur(15px) saturate(250%);
+  }
 }