feat(blur): added a new option to toggle it on/off

Assets/Translations/de.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Animationsgeschwindigkeit",
       "animation-speed-reset": "Animationsgeschwindigkeit zurücksetzen",
       "appearance-desc": "Visuelle Elemente wie Tooltips, Rahmen und Schatten anpassen.",
+      "blur-behind-description": "Verwischt den Bereich hinter Leisten und Panels mithilfe des Compositor-Unschärfeprotokolls.",
+      "blur-behind-label": "Hintergrundunschärfe",
       "box-border-description": "Zeige eine Umrandung um Inhaltsbereiche an.",
       "box-border-label": "Containerumriss",
       "box-border-radius-description": "Passt die Eckenrundung wichtiger Layoutbereiche an, wie z. B. Seitenleisten, Karten und Inhaltsbereiche.",

Assets/Translations/en.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Animation speed",
       "animation-speed-reset": "Reset animation speed",
       "appearance-desc": "Customize visual elements like tooltips, borders, and shadows.",
+      "blur-behind-description": "Blurs the area behind bars and panels using the compositor blur protocol.",
+      "blur-behind-label": "Blur behind",
       "box-border-description": "Display an outline around content areas.",
       "box-border-label": "Container outline",
       "box-border-radius-description": "Adjusts the corner roundness of major layout sections, such as sidebars, cards, and content panels.",

Assets/Translations/es.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Velocidad de animación",
       "animation-speed-reset": "Restablecer la velocidad de la animación",
       "appearance-desc": "Personaliza elementos visuales como texto emergente, bordes y sombras.",
+      "blur-behind-description": "Difumina el área detrás de las barras y los paneles usando el protocolo de desenfoque del compositor.",
+      "blur-behind-label": "Desenfoque de fondo",
       "box-border-description": "Muestra un contorno alrededor de las áreas de contenido.",
       "box-border-label": "Contorno del contenedor",
       "box-border-radius-description": "Ajusta la redondez de las esquinas de las secciones principales del diseño, como barras laterales, tarjetas y paneles de contenido.",

Assets/Translations/fr.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Vitesse d'animation",
       "animation-speed-reset": "Réinitialiser la vitesse de l'animation",
       "appearance-desc": "Personnaliser les éléments visuels tels que les infobulles, les bordures et les ombres.",
+      "blur-behind-description": "Floute la zone derrière les barres et les panneaux en utilisant le protocole de flou du compositeur.",
+      "blur-behind-label": "Flou d'arrière-plan",
       "box-border-description": "Affiche un contour autour des zones de contenu.",
       "box-border-label": "Contour du conteneur",
       "box-border-radius-description": "Ajuste de l'arrondi des coins des principales sections de la mise en page, telles que les barres latérales, les cartes et les panneaux de contenu.",

Assets/Translations/hu.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Animációs sebesség",
       "animation-speed-reset": "Animációs sebesség visszaállítása",
       "appearance-desc": "Testreszabhatod a vizuális elemeket, például az eszköztippeket, a szegélyeket és az árnyékokat.",
+      "blur-behind-description": "Elhomályosítja a sávok és panelek mögötti területet a kompozitor elmosási protokolljának használatával.",
+      "blur-behind-label": "Háttér elmosása",
       "box-border-description": "Tartalomterületek köré vázlatot jelenít meg.",
       "box-border-label": "Konténer körvonal",
       "box-border-radius-description": "A fő elrendezési szakaszok (például oldalsávok, kártyák és tartalompanelek) saroklekerekítése.",

Assets/Translations/it.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Velocità animazione",
       "animation-speed-reset": "Reimposta velocità animazione",
       "appearance-desc": "Personalizza elementi visivi come tooltip, bordi e ombre.",
+      "blur-behind-description": "Sfoca l'area dietro le barre e i pannelli utilizzando il protocollo di sfocatura del compositore.",
+      "blur-behind-label": "Sfocatura dello sfondo",
       "box-border-description": "Mostra un contorno attorno alle aree contenuto.",
       "box-border-label": "Contorno contenitore",
       "box-border-radius-description": "Regola l’arrotondamento degli angoli delle principali sezioni layout, come sidebar, schede e pannelli contenuto.",

Assets/Translations/ja.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "アニメーション速度",
       "animation-speed-reset": "アニメーション速度をリセット",
       "appearance-desc": "ツールチップ、境界線、影などの視覚要素をカスタマイズします。",
+      "blur-behind-description": "バーとパネルの背後の領域を、コンポジターのぼかしプロトコルを使用してぼかします。",
+      "blur-behind-label": "背景ぼかし",
       "box-border-description": "コンテンツ領域の周りにアウトラインを表示します。",
       "box-border-label": "コンテナの輪郭",
       "box-border-radius-description": "サイドバー、カード、コンテンツパネルなど、主要なレイアウト部分の角の丸みを調整します。",

Assets/Translations/ko-KR.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "애니메이션 속도",
       "animation-speed-reset": "애니메이션 속도 초기화",
       "appearance-desc": "툴팁, 테두리, 그림자와 같은 시각적 요소를 사용자 지정합니다.",
+      "blur-behind-description": "컴포지터 블러 프로토콜을 사용하여 바와 패널 뒤 영역을 흐리게 처리합니다.",
+      "blur-behind-label": "배경 흐림",
       "box-border-description": "콘텐츠 영역 주위에 윤곽선을 표시합니다.",
       "box-border-label": "컨테이너 윤곽선",
       "box-border-radius-description": "사이드바, 카드, 콘텐츠 패널과 같은 주요 레이아웃 섹션의 모서리 둥글기를 조정합니다.",

Assets/Translations/nl.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Animatiesnelheid",
       "animation-speed-reset": "Animatiesnelheid resetten",
       "appearance-desc": "Pas visuele elementen aan, zoals tooltips, randen en schaduwen.",
+      "blur-behind-description": "Vervaagt het gebied achter balken en panelen met behulp van het compositor-vervagingsprotocol.",
+      "blur-behind-label": "Achtergrond vervagen",
       "box-border-description": "Toon een omlijning rond inhoudsgebieden.",
       "box-border-label": "Containeromtrek",
       "box-border-radius-description": "Past de hoekronding aan van belangrijke lay-outsecties, zoals zijbalken, kaarten en inhoudspanelen.",

Assets/Translations/pl.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Prędkość animacji",
       "animation-speed-reset": "Resetuj prędkość animacji",
       "appearance-desc": "Dostosuj elementy wizualne, takie jak podpowiedzi, obramowania i cienie.",
+      "blur-behind-description": "Rozmywa obszar za paskami i panelami, używając protokołu rozmycia kompozytora.",
+      "blur-behind-label": "Rozmycie tła",
       "box-border-description": "Wyświetla obrys wokół obszarów zawartości.",
       "box-border-label": "Obrys kontenera",
       "box-border-radius-description": "Dostosowuje zaokrąglenie narożników głównych sekcji układu, takich jak paski boczne, karty i panele treści.",

Assets/Translations/pt.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Velocidade da animação",
       "animation-speed-reset": "Redefinir velocidade da animação",
       "appearance-desc": "Personalize elementos visuais como dicas de ferramentas, bordas e sombras.",
+      "blur-behind-description": "Desfoca a área atrás das barras e painéis usando o protocolo de desfoque do compositor.",
+      "blur-behind-label": "Desfoque de fundo",
       "box-border-description": "Exibe um contorno ao redor das áreas de conteúdo.",
       "box-border-label": "Contorno do recipiente",
       "box-border-radius-description": "Ajusta o arredondamento dos cantos das principais seções do layout, como barras laterais, cards e painéis de conteúdo.",

Assets/Translations/ru.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Скорость анимации",
       "animation-speed-reset": "Сбросить скорость анимации",
       "appearance-desc": "Настройте визуальные элементы, такие как всплывающие подсказки, границы и тени.",
+      "blur-behind-description": "Размывает область за панелями и всплывающими окнами, используя протокол размытия композитора.",
+      "blur-behind-label": "Размытие фона",
       "box-border-description": "Отображает контур вокруг областей содержимого.",
       "box-border-label": "Контур контейнера",
       "box-border-radius-description": "Настраивает скругление углов основных разделов макета, таких как боковые панели, карточки и панели контента.",

Assets/Translations/sv.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Animationshastighet",
       "animation-speed-reset": "Återställ animationshastighet",
       "appearance-desc": "Anpassa visuella element som verktygstips, kantlinjer och skuggor.",
+      "blur-behind-description": "Suddar ut området bakom fält och paneler med hjälp av kompositorns suddighetsprotokoll.",
+      "blur-behind-label": "Bakgrundsoskärpa",
       "box-border-description": "Visa en kontur runt innehållsområden.",
       "box-border-label": "Behållarkontur",
       "box-border-radius-description": "Justerar hörnrundningen för större layoutsektioner, såsom sidofält, kort och innehållspaneler.",

Assets/Translations/tr.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Animasyon hızı",
       "animation-speed-reset": "Animasyon hızını sıfırla",
       "appearance-desc": "Araç ipuçları, kenarlıklar ve gölgeler gibi görsel öğeleri özelleştirin.",
+      "blur-behind-description": "Çubukların ve panellerin arkasındaki alanı kompozitör bulanıklık protokolünü kullanarak bulanıklaştırır.",
+      "blur-behind-label": "Arka plan bulanıklığı",
       "box-border-description": "İçerik alanlarının etrafında bir çerçeve görüntüler.",
       "box-border-label": "Konteyner ana hattı",
       "box-border-radius-description": "Kenar çubukları, kartlar ve içerik panelleri gibi ana düzen bölümlerinin köşe yuvarlaklığını ayarlar.",

Assets/Translations/uk-UA.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "Швидкість анімації",
       "animation-speed-reset": "Скинути швидкість анімації",
       "appearance-desc": "Налаштовуйте візуальні елементи, такі як підказки, рамки та тіні.",
+      "blur-behind-description": "Розмиває область за панелями та спливаючими вікнами, використовуючи протокол розмиття композитора.",
+      "blur-behind-label": "Розмиття фону",
       "box-border-description": "Відображає контур навколо областей вмісту.",
       "box-border-label": "Контур контейнера",
       "box-border-radius-description": "Налаштовує заокруглення кутів основних розділів макета, таких як бічні панелі, картки та панелі контенту.",

Assets/Translations/zh-CN.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "动画速度",
       "animation-speed-reset": "重置动画速度",
       "appearance-desc": "自定义视觉元素，如提示信息、边框和阴影。",
+      "blur-behind-description": "使用合成器模糊协议，模糊栏和面板后面的区域。",
+      "blur-behind-label": "背景模糊",
       "box-border-description": "显示内容区域周围的轮廓。",
       "box-border-label": "容器轮廓",
       "box-border-radius-description": "调整主要布局部分（如侧边栏、卡片和内容面板）的圆角程度。",

Assets/Translations/zh-TW.json

@@ -1633,6 +1633,8 @@
       "animation-speed-label": "動畫速度",
       "animation-speed-reset": "重設動畫速度",
       "appearance-desc": "自訂視覺元素, 如提示框, 邊框及陰影",
+      "blur-behind-description": "使用合成器模糊協定，模糊欄位和面板後方的區域。",
+      "blur-behind-label": "背景模糊",
       "box-border-description": "在內容區塊的外圍顯示外框",
       "box-border-label": "頁面容器外框",
       "box-border-radius-description": "調整主要版面區塊（例如側邊欄、卡片與內容面板）的圓角弧度。",

Assets/settings-default.json

@@ -99,6 +99,7 @@
     "showHibernateOnLockScreen": false,
     "enableLockScreenMediaControls": false,
     "enableShadows": true,
+    "enableBlurBehind": true,
     "shadowDirection": "bottom_right",
     "shadowOffsetX": 2,
     "shadowOffsetY": 3,

Assets/settings-search-index.json

@@ -1944,6 +1944,15 @@
     "subTab": 0,
     "subTabLabel": "common.appearance"
   },
+  {
+    "labelKey": "panels.user-interface.blur-behind-label",
+    "descriptionKey": "panels.user-interface.blur-behind-description",
+    "widget": "NToggle",
+    "tab": 1,
+    "tabLabel": "panels.user-interface.title",
+    "subTab": 0,
+    "subTabLabel": "common.appearance"
+  },
   {
     "labelKey": "panels.user-interface.shadows-direction-label",
     "descriptionKey": "panels.user-interface.shadows-direction-description",

Commons/Settings.qml

@@ -290,6 +290,7 @@ Singleton {
       property bool showHibernateOnLockScreen: false
       property bool enableLockScreenMediaControls: false
       property bool enableShadows: true
+      property bool enableBlurBehind: true
       property string shadowDirection: "bottom_right"
       property int shadowOffsetX: 2
       property int shadowOffsetY: 3

Modules/MainScreen/MainScreen.qml

@@ -203,7 +203,9 @@ PanelWindow {
   }
 
   // Blur behind the bar and open panels — attached to PanelWindow (required by BackgroundEffect API)
-  BackgroundEffect.blurRegion: Region {
+  BackgroundEffect.blurRegion: Settings.data.general.enableBlurBehind ? blurRegion : null
+  Region {
+    id: blurRegion
     // ── Non-framed bar (simple/floating): single rectangle with bar corner states ──
     Region {
       x: (!barPlaceholder.isFramed && root.barShouldShow && !barPlaceholder.isHidden) ? barPlaceholder.x : 0

Modules/Panels/Settings/Tabs/UserInterface/AppearanceSubTab.qml

@@ -33,6 +33,14 @@ ColumnLayout {
     onToggled: checked => Settings.data.general.enableShadows = checked
   }
 
+  NToggle {
+    label: I18n.tr("panels.user-interface.blur-behind-label")
+    description: I18n.tr("panels.user-interface.blur-behind-description")
+    checked: Settings.data.general.enableBlurBehind
+    defaultValue: Settings.getDefaultValue("general.enableBlurBehind")
+    onToggled: checked => Settings.data.general.enableBlurBehind = checked
+  }
+
   NComboBox {
     visible: Settings.data.general.enableShadows
     label: I18n.tr("panels.user-interface.shadows-direction-label")