improve backdrop blur styles

dist/index.js

@@ -2265,7 +2265,7 @@
       this.connectionModel = connectionModel2;
       this.chatListModel = chatListModel2;
       this.fileTransferModel = fileTransferModel2;
-      this.BUILD = "Build 26.04.14.F";
+      this.BUILD = "Build 26.04.14.G";
       // CONTEXT
       this.contextStack = /* @__PURE__ */ new Map();
       this.closeContext = (contextId, fromHistoryEvent = false) => {
@@ -4702,10 +4702,10 @@
 
   // src/View/Components/replyPreview.tsx
   function ReplyPreview(coreViewModel2, chatMessageViewModel) {
-    return /* @__PURE__ */ createElement("div", { class: "reply-preview" }, /* @__PURE__ */ createElement("div", { class: "surface" }, /* @__PURE__ */ createElement("span", { class: "secondary" }, chatMessageViewModel.sender), /* @__PURE__ */ createElement("b", { class: "ellipsis", "subscribe:innerText": chatMessageViewModel.body })), /* @__PURE__ */ createElement(
+    return /* @__PURE__ */ createElement("div", { class: "reply-preview" }, /* @__PURE__ */ createElement("div", { class: "surface blur" }, /* @__PURE__ */ createElement("span", { class: "secondary" }, chatMessageViewModel.sender), /* @__PURE__ */ createElement("b", { class: "ellipsis", "subscribe:innerText": chatMessageViewModel.body })), /* @__PURE__ */ createElement(
       "button",
       {
-        class: "standard square",
+        class: "standard square blur",
         "on:click": chatMessageViewModel.cancelReply,
         "aria-label": coreViewModel2.translations.chatPage.message.cancelReplyAudioLabel
       },
@@ -4783,6 +4783,7 @@
       "input",
       {
         id: "focused",
+        class: "blur",
         "bind:value": messagePageViewModel.composingMessage,
         "on:enter": messagePageViewModel.sendMessage,
         placeholder: coreViewModel2.translations.chatPage.message.composerInputPlaceholder
@@ -4790,7 +4791,7 @@
     ), /* @__PURE__ */ createElement(
       "button",
       {
-        class: "primary",
+        class: "primary blur",
         "aria-label": coreViewModel2.translations.chatPage.message.sendMessageButtonAudioLabel,
         "on:click": messagePageViewModel.sendMessage,
         "toggle:disabled": messagePageViewModel.cannotSendMessage

dist/styles.css

@@ -349,12 +349,7 @@ select {
 header,
 menu,
 .modal>div,
-button,
-input,
-textarea,
-select,
-.surface,
-.surface-alt {
+.blur {
     backdrop-filter: blur(var(--blur));
     -webkit-backdrop-filter: blur(var(--blur));
 }

src/View/ChatPages/messagePage.tsx

@@ -113,6 +113,7 @@ export function MessagePage(
                                 <div class="input-width-constraint">
                                     <input
                                         id="focused"
+                                        class="blur"
                                         bind:value={
                                             messagePageViewModel.composingMessage
                                         }
@@ -126,7 +127,7 @@ export function MessagePage(
                                         }
                                     ></input>
                                     <button
-                                        class="primary"
+                                        class="primary blur"
                                         aria-label={
                                             coreViewModel.translations.chatPage
                                                 .message

src/View/Components/replyPreview.tsx

@@ -9,12 +9,12 @@ export function ReplyPreview(
 ) {
     return (
         <div class="reply-preview">
-            <div class="surface">
+            <div class="surface blur">
                 <span class="secondary">{chatMessageViewModel.sender}</span>
                 <b class="ellipsis" subscribe:innerText={chatMessageViewModel.body}></b>
             </div>
             <button
-                class="standard square"
+                class="standard square blur"
                 on:click={chatMessageViewModel.cancelReply}
                 aria-label={coreViewModel.translations.chatPage.message.cancelReplyAudioLabel}
             >

src/ViewModel/Global/coreViewModel.ts

@@ -8,7 +8,7 @@ import FileTransferModel from "../../Model/Global/fileTransferModel";
 import { v4 } from "uuid";
 
 export default class CoreViewModel {
-    readonly BUILD = "Build 26.04.14.G";
+    readonly BUILD = "Build 26.04.14.H";
 
     translations: Translations;