From a635f025be20b65313f3de17af2be0978b3a6861 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 3 Jul 2025 00:20:48 +0300
Subject: [PATCH 1/2] chore

---
 changelog.d/akkoftermapth.skip                         | 0
 src/components/component_preview/component_preview.vue | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 create mode 100644 changelog.d/akkoftermapth.skip

diff --git a/changelog.d/akkoftermapth.skip b/changelog.d/akkoftermapth.skip
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/components/component_preview/component_preview.vue b/src/components/component_preview/component_preview.vue
index 7e226e59a..0d81128c7 100644
--- a/src/components/component_preview/component_preview.vue
+++ b/src/components/component_preview/component_preview.vue
@@ -1,8 +1,8 @@
 <template>
   <div
+    :id="'component-preview-' + randomSeed"
     class="ComponentPreview"
     :class="{ '-shadow-controls': shadowControl }"
-    :id="'component-preview-' + randomSeed"
   >
     <label
       v-show="shadowControl"

From 7bc5dd440b1bec24fbc0d69ea357c45c9898d897 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 3 Jul 2025 01:55:43 +0300
Subject: [PATCH 2/2] remove backdrop-filter only if unsupported

---
 src/components/settings_modal/tabs/theme_tab/theme_tab.js | 1 +
 src/services/style_setter/style_setter.js                 | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/settings_modal/tabs/theme_tab/theme_tab.js b/src/components/settings_modal/tabs/theme_tab/theme_tab.js
index 756f67cf7..70854e3bd 100644
--- a/src/components/settings_modal/tabs/theme_tab/theme_tab.js
+++ b/src/components/settings_modal/tabs/theme_tab/theme_tab.js
@@ -703,6 +703,7 @@ export default {
         '&'
       ).join('\n')
 
+      sheet.clear()
       sheet.addRule('#theme-preview {\n' + rule + '\n}')
       sheet.ready = true
       adoptStyleSheets()
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 9d637deb0..18b187d92 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -19,9 +19,12 @@ export const createStyleSheet = (id) => {
       this.rules = []
     },
     addRule (rule) {
+      let newRule = rule
+      if (!CSS.supports?.('backdrop-filter', 'blur()')) {
+          newRule = newRule.replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
+      }
       this.rules.push(
-        rule
-          .replace(/backdrop-filter:[^;]+;/g, '') // Remove backdrop-filter
+        newRule
           .replace(/var\(--shadowFilter\)[^;]*;/g, '') // Remove shadowFilter references
       )
     }