Merge branch 'main' into main

Assets/Translations/de.json

@@ -981,10 +981,6 @@
     },
     "bar": {
       "appearance": {
-        "background-opacity": {
-          "description": "Hintergrund-Transparenz der Statusleiste anpassen.",
-          "label": "Hintergrund-Transparenz"
-        },
         "capsule-opacity": {
           "description": "Deckkraft der Widget-Hintergründe festlegen, wenn Kapsel angezeigt wird.",
           "label": "Kapsel-Deckkraft"
@@ -1018,6 +1014,10 @@
         "show-capsule": {
           "description": "Widget-Hintergründe anzeigen.",
           "label": "Kapsel anzeigen"
+        },
+        "transparent": {
+          "description": "Dies verhindert, dass Paneele an der Stange befestigt werden können.",
+          "label": "Transparenter Hintergrund"
         }
       },
       "monitors": {
@@ -1544,10 +1544,6 @@
     },
     "launcher": {
       "settings": {
-        "background-opacity": {
-          "description": "Hintergrund-Transparenz des Starters anpassen.",
-          "label": "Hintergrund-Transparenz"
-        },
         "clip-preview": {
           "description": "Zeige eine Vorschau des Inhalts der Zwischenablage an, wenn der Befehl >clip verwendet wird.",
           "label": "Clip-Vorschau aktivieren"
@@ -2158,7 +2154,7 @@
         "reset": "Deckkraft des gedimmten Desktops zurücksetzen"
       },
       "panel-background-opacity": {
-        "description": "Hintergrunddeckkraft für alle Panels festlegen (Launcher, Kontrollzentrum, Einstellungen usw.).",
+        "description": "Lege die Hintergrundtransparenz für alle Panels fest (Leiste, Starter, Einstellungen, usw.).",
         "label": "Panel-Hintergrunddeckkraft"
       },
       "panels-attached-to-bar": {

Assets/Translations/en.json

@@ -981,10 +981,6 @@
     },
     "bar": {
       "appearance": {
-        "background-opacity": {
-          "description": "Adjust the background opacity of the bar.",
-          "label": "Background opacity"
-        },
         "capsule-opacity": {
           "description": "Set the opacity level for widget backgrounds when capsule is shown.",
           "label": "Capsule opacity"
@@ -1018,6 +1014,10 @@
         "show-capsule": {
           "description": "Show widget backgrounds.",
           "label": "Show capsule"
+        },
+        "transparent": {
+          "description": "This will prevent panels to attach to the bar.",
+          "label": "Transparent background"
         }
       },
       "monitors": {
@@ -1544,10 +1544,6 @@
     },
     "launcher": {
       "settings": {
-        "background-opacity": {
-          "description": "Adjust the background opacity of the launcher.",
-          "label": "Background opacity"
-        },
         "clip-preview": {
           "description": "Show a preview of the clipboard content when using the >clip command.",
           "label": "Enable clip preview"
@@ -2158,7 +2154,7 @@
         "reset": "Reset dimmed desktop opacity"
       },
       "panel-background-opacity": {
-        "description": "Set the background opacity for all panels (launcher, control center, settings, etc.).",
+        "description": "Set the background opacity for all panels (bar, launcher, settings, etc...).",
         "label": "Panel background opacity"
       },
       "panels-attached-to-bar": {

Assets/Translations/es.json

@@ -981,10 +981,6 @@
     },
     "bar": {
       "appearance": {
-        "background-opacity": {
-          "description": "Ajusta la opacidad del fondo de la barra.",
-          "label": "Opacidad del fondo"
-        },
         "capsule-opacity": {
           "description": "Establecer el nivel de opacidad para los fondos de los widgets cuando se muestra la cápsula.",
           "label": "Opacidad de la cápsula"
@@ -1018,6 +1014,10 @@
         "show-capsule": {
           "description": "Mostrar fondos de los widgets.",
           "label": "Mostrar cápsula"
+        },
+        "transparent": {
+          "description": "Esto evitará que los paneles se adhieran a la barra.",
+          "label": "Fondo transparente"
         }
       },
       "monitors": {
@@ -1544,10 +1544,6 @@
     },
     "launcher": {
       "settings": {
-        "background-opacity": {
-          "description": "Ajusta la opacidad del fondo del lanzador.",
-          "label": "Opacidad del fondo"
-        },
         "clip-preview": {
           "description": "Muestra una vista previa del contenido del portapapeles al usar el comando >clip.",
           "label": "Activar vista previa del portapapeles"
@@ -2158,7 +2154,7 @@
         "reset": "Restablecer la opacidad del escritorio atenuado"
       },
       "panel-background-opacity": {
-        "description": "Establecer la opacidad de fondo para todos los paneles (Launcher, Centro de control, Configuración, etc.).",
+        "description": "Establecer la opacidad del fondo para todos los paneles (barra, lanzador, ajustes, etc...).",
         "label": "Opacidad de fondo del panel"
       },
       "panels-attached-to-bar": {

Assets/Translations/fr.json

@@ -981,10 +981,6 @@
     },
     "bar": {
       "appearance": {
-        "background-opacity": {
-          "description": "Ajustez l'opacité de l'arrière-plan de la barre.",
-          "label": "Opacité de l'arrière-plan"
-        },
         "capsule-opacity": {
           "description": "Définir le niveau d'opacité des arrière-plans des widgets quand la capsule est affichée.",
           "label": "Opacité de la capsule"
@@ -1018,6 +1014,10 @@
         "show-capsule": {
           "description": "Afficher les arrière-plans des widgets.",
           "label": "Afficher la capsule"
+        },
+        "transparent": {
+          "description": "Cela empêchera les panneaux de se fixer à la barre.",
+          "label": "Fond transparent"
         }
       },
       "monitors": {
@@ -1544,10 +1544,6 @@
     },
     "launcher": {
       "settings": {
-        "background-opacity": {
-          "description": "Ajustez l'opacité de l'arrière-plan du lanceur.",
-          "label": "Opacité de l'arrière-plan"
-        },
         "clip-preview": {
           "description": "Afficher un aperçu du contenu du presse-papiers lors de l'utilisation de la commande >clip.",
           "label": "Activer l'aperçu du presse-papiers"
@@ -2158,7 +2154,7 @@
         "reset": "Réinitialiser l'opacité du bureau atténué"
       },
       "panel-background-opacity": {
-        "description": "Définir l'opacité de fond pour tous les panneaux (Lanceur, Centre de contrôle, Paramètres, etc.).",
+        "description": "Définir l'opacité de l'arrière-plan pour tous les panneaux (barre, lanceur, paramètres, etc.).",
         "label": "Opacité de fond des panneaux"
       },
       "panels-attached-to-bar": {

Assets/Translations/ja.json

@@ -981,10 +981,6 @@
     },
     "bar": {
       "appearance": {
-        "background-opacity": {
-          "description": "バーの背景の不透明度を調整します。",
-          "label": "背景の不透明度"
-        },
         "capsule-opacity": {
           "description": "カプセル表示時のウィジェット背景の不透明度を設定します。",
           "label": "カプセルの不透明度"
@@ -1018,6 +1014,10 @@
         "show-capsule": {
           "description": "ウィジェットの背景を表示します。",
           "label": "カプセルを表示"
+        },
+        "transparent": {
+          "description": "これにより、パネルがバーに取り付けられるのを防ぎます。",
+          "label": "透明な背景"
         }
       },
       "monitors": {
@@ -1544,10 +1544,6 @@
     },
     "launcher": {
       "settings": {
-        "background-opacity": {
-          "description": "ランチャーの背景の不透明度を調整します。",
-          "label": "背景の不透明度"
-        },
         "clip-preview": {
           "description": ">clip コマンド使用時に、クリップボードの内容をプレビュー表示します。",
           "label": "クリップボードのプレビューを有効化"
@@ -2158,7 +2154,7 @@
         "reset": "デスクトップを暗くした際の不透明度をリセット"
       },
       "panel-background-opacity": {
-        "description": "すべてのパネル（ランチャー、コントロールセンター、設定など）の背景の不透明度を設定します。",
+        "description": "すべてのパネル（バー、ランチャー、設定など）の背景の不透明度を設定します。",
         "label": "パネル背景の不透明度"
       },
       "panels-attached-to-bar": {

Assets/Translations/nl.json

@@ -981,10 +981,6 @@
     },
     "bar": {
       "appearance": {
-        "background-opacity": {
-          "description": "Pas de achtergronddekking van de balk aan.",
-          "label": "Achtergronddekking"
-        },
         "capsule-opacity": {
           "description": "Stel het doorzichtigheidsniveau in voor widget-achtergronden wanneer capsule wordt getoond.",
           "label": "Capsule-doorzichtigheid"
@@ -1018,6 +1014,10 @@
         "show-capsule": {
           "description": "Widget-achtergronden tonen.",
           "label": "Capsules tonen"
+        },
+        "transparent": {
+          "description": "Dit voorkomt dat panelen aan de balk worden bevestigd.",
+          "label": "Transparante achtergrond"
         }
       },
       "monitors": {
@@ -1544,10 +1544,6 @@
     },
     "launcher": {
       "settings": {
-        "background-opacity": {
-          "description": "Pas de achtergronddekking van de launcher aan.",
-          "label": "Achtergronddekking"
-        },
         "clip-preview": {
           "description": "Toon een voorbeeld van de inhoud van het klembord bij gebruik van het >clip-commando.",
           "label": "Klembordvoorbeeld inschakelen"
@@ -2158,7 +2154,7 @@
         "reset": "Doorzichtigheid van gedimde desktop resetten"
       },
       "panel-background-opacity": {
-        "description": "Stel de achtergronddoorzichtigheid in voor alle panelen (Launcher, Control Center, Instellingen, enz.).",
+        "description": "Stel de achtergronddoorzichtigheid in voor alle panelen (balk, launcher, instellingen, enz...).",
         "label": "Paneel achtergronddoorzichtigheid"
       },
       "panels-attached-to-bar": {

Assets/Translations/pt.json

@@ -981,10 +981,6 @@
     },
     "bar": {
       "appearance": {
-        "background-opacity": {
-          "description": "Ajuste a opacidade do fundo da barra.",
-          "label": "Opacidade do fundo"
-        },
         "capsule-opacity": {
           "description": "Define o nível de opacidade para fundos dos widgets quando a cápsula é mostrada.",
           "label": "Opacidade da cápsula"
@@ -1018,6 +1014,10 @@
         "show-capsule": {
           "description": "Mostra o fundo dos widgets.",
           "label": "Mostrar cápsula"
+        },
+        "transparent": {
+          "description": "Isto impedirá que os painéis se fixem à barra.",
+          "label": "Fundo transparente"
         }
       },
       "monitors": {
@@ -1544,10 +1544,6 @@
     },
     "launcher": {
       "settings": {
-        "background-opacity": {
-          "description": "Ajuste a opacidade do fundo do lançador.",
-          "label": "Opacidade do fundo"
-        },
         "clip-preview": {
           "description": "Mostra uma pré-visualização do conteúdo da área de transferência ao usar o comando >clip.",
           "label": "Ativar pré-visualização da área de transferência"
@@ -2158,7 +2154,7 @@
         "reset": "Redefinir opacidade da área de trabalho escurecida"
       },
       "panel-background-opacity": {
-        "description": "Definir a opacidade de fundo para todos os painéis (Launcher, Centro de Controle, Configurações, etc.).",
+        "description": "Definir a opacidade do fundo para todos os painéis (barra, iniciador, configurações, etc...).",
         "label": "Opacidade de fundo do painel"
       },
       "panels-attached-to-bar": {

Assets/Translations/ru.json

@@ -981,10 +981,6 @@
     },
     "bar": {
       "appearance": {
-        "background-opacity": {
-          "description": "Настройка непрозрачности фона панели.",
-          "label": "Непрозрачность фона"
-        },
         "capsule-opacity": {
           "description": "Установить уровень непрозрачности для фона виджетов, когда капсула отображается.",
           "label": "Непрозрачность капсулы"
@@ -1018,6 +1014,10 @@
         "show-capsule": {
           "description": "Показывать фон виджетов.",
           "label": "Показывать капсулу"
+        },
+        "transparent": {
+          "description": "Это предотвратит прикрепление панелей к планке.",
+          "label": "Прозрачный фон"
         }
       },
       "monitors": {
@@ -1544,10 +1544,6 @@
     },
     "launcher": {
       "settings": {
-        "background-opacity": {
-          "description": "Настройка непрозрачности фона запуска.",
-          "label": "Непрозрачность фона"
-        },
         "clip-preview": {
           "description": "Показывать предварительный просмотр содержимого буфера обмена при использовании команды >clip.",
           "label": "Включить предварительный просмотр буфера обмена"
@@ -2158,7 +2154,7 @@
         "reset": "Сбросить непрозрачность затемненного рабочего стола"
       },
       "panel-background-opacity": {
-        "description": "Установить прозрачность фона для всех панелей (Launcher, Центр управления, Настройки и т.д.).",
+        "description": "Установить прозрачность фона для всех панелей (верхней панели, панели запуска, настроек и т. д.).",
         "label": "Прозрачность фона панелей"
       },
       "panels-attached-to-bar": {

Assets/Translations/tr.json

@@ -981,10 +981,6 @@
     },
     "bar": {
       "appearance": {
-        "background-opacity": {
-          "description": "Araç çubuğu arka plan opaklığını ayarlayın.",
-          "label": "Arka plan opaklığı"
-        },
         "capsule-opacity": {
           "description": "Kapsül gösterildiğinde araç takımı arka planlarının saydamlık seviyesini ayarla.",
           "label": "Kapsül saydamlığı"
@@ -1018,6 +1014,10 @@
         "show-capsule": {
           "description": "Araç takımı arka planlarını göster.",
           "label": "Kapsülü göster"
+        },
+        "transparent": {
+          "description": "Bu, panellerin çubuğa takılmasını önleyecektir.",
+          "label": "Şeffaf arka plan"
         }
       },
       "monitors": {
@@ -1544,10 +1544,6 @@
     },
     "launcher": {
       "settings": {
-        "background-opacity": {
-          "description": "Başlatıcının arka plan opaklığını ayarlayın.",
-          "label": "Arka plan opaklığı"
-        },
         "clip-preview": {
           "description": ">clip komutu kullanılırken panodaki içeriğin önizlemesini gösterir.",
           "label": "Panoyu önizlemeyi etkinleştir"
@@ -2158,7 +2154,7 @@
         "reset": "Karartılmış masaüstü opaklığını sıfırla"
       },
       "panel-background-opacity": {
-        "description": "Tüm paneller için arka plan opaklığını ayarlayın (Başlatıcı, Kontrol Merkezi, Ayarlar vb.).",
+        "description": "Tüm panellerin (çubuk, başlatıcı, ayarlar vb.) arka plan opaklığını ayarlayın.",
         "label": "Panel arka plan opaklığı"
       },
       "panels-attached-to-bar": {

Assets/Translations/uk-UA.json

@@ -981,10 +981,6 @@
     },
     "bar": {
       "appearance": {
-        "background-opacity": {
-          "description": "Налаштуйте непрозорість фону панелі.",
-          "label": "Непрозорість фону"
-        },
         "capsule-opacity": {
           "description": "Встановити рівень непрозорості для фону віджетів, коли показано капсулу.",
           "label": "Непрозорість капсули"
@@ -1018,6 +1014,10 @@
         "show-capsule": {
           "description": "Показувати фон віджетів.",
           "label": "Показувати капсулу"
+        },
+        "transparent": {
+          "description": "Це запобіжить прикріпленню панелей до планки.",
+          "label": "Прозорий фон"
         }
       },
       "monitors": {
@@ -1544,10 +1544,6 @@
     },
     "launcher": {
       "settings": {
-        "background-opacity": {
-          "description": "Налаштуйте непрозорість фону лаунчера.",
-          "label": "Непрозорість фону"
-        },
         "clip-preview": {
           "description": "Показувати попередній перегляд вмісту буфера обміну при використанні команди >clip.",
           "label": "Попередній перегляд буфера обміну"
@@ -2158,7 +2154,7 @@
         "reset": "Скинути непрозорість приглушеного робочого столу"
       },
       "panel-background-opacity": {
-        "description": "Встановити прозорість фону для всіх панелей (Launcher, Центр керування, Налаштування тощо).",
+        "description": "Встановити прозорість фону для всіх панелей (панель задач, панель запуску, налаштування тощо...).",
         "label": "Прозорість фону панелей"
       },
       "panels-attached-to-bar": {

Assets/Translations/zh-CN.json

@@ -981,10 +981,6 @@
     },
     "bar": {
       "appearance": {
-        "background-opacity": {
-          "description": "调整状态栏的背景不透明度。",
-          "label": "背景不透明度"
-        },
         "capsule-opacity": {
           "description": "设置显示胶囊时小部件背景的不透明度。",
           "label": "胶囊不透明度"
@@ -1018,6 +1014,10 @@
         "show-capsule": {
           "description": "为每个小部件添加背景。",
           "label": "显示组件背景"
+        },
+        "transparent": {
+          "description": "这将阻止面板连接到栏上。",
+          "label": "透明背景"
         }
       },
       "monitors": {
@@ -1544,10 +1544,6 @@
     },
     "launcher": {
       "settings": {
-        "background-opacity": {
-          "description": "调整启动器的背景不透明度。",
-          "label": "背景不透明度"
-        },
         "clip-preview": {
           "description": "在使用 >clip 命令时显示剪贴板内容的预览。",
           "label": "启用剪贴板预览"
@@ -2158,7 +2154,7 @@
         "reset": "重置变暗桌面不透明度"
       },
       "panel-background-opacity": {
-        "description": "设置所有面板的背景不透明度（启动器、控制中心、设置等）。",
+        "description": "设置所有面板（栏、启动器、设置等）的背景不透明度。",
         "label": "面板背景不透明度"
       },
       "panels-attached-to-bar": {

Assets/settings-default.json

@@ -2,11 +2,11 @@
   "settingsVersion": 0,
   "bar": {
     "position": "top",
-    "backgroundOpacity": 1,
     "monitors": [],
     "density": "default",
     "showCapsule": true,
     "capsuleOpacity": 1,
+    "transparent": false,
     "floating": false,
     "marginVertical": 0.25,
     "marginHorizontal": 0.25,
@@ -92,7 +92,7 @@
     "fontDefaultScale": 1,
     "fontFixedScale": 1,
     "tooltipsEnabled": true,
-    "panelBackgroundOpacity": 1,
+    "panelBackgroundOpacity": 0.85,
     "panelsAttachedToBar": true,
     "settingsPanelMode": "attached"
   },

Commons/Migrations/Migration29.qml

@@ -0,0 +1,19 @@
+import QtQuick
+
+QtObject {
+  id: root
+
+  // Migrate bar.backgroundOpacity to ui.panelBackgroundOpacity
+  function migrate(adapter, logger, rawJson) {
+    logger.i("Settings", "Migrating settings to v29");
+
+    // Check rawJson for old property (adapter doesn't expose removed properties)
+    if (rawJson?.bar?.backgroundOpacity !== undefined) {
+      adapter.ui.panelBackgroundOpacity = Math.max(0.4, rawJson.bar.backgroundOpacity);
+      adapter.bar.transparent = (rawJson.bar.backgroundOpacity < 0.1);
+      logger.i("Settings", "Migrated bar.backgroundOpacity to ui.panelBackgroundOpacity: " + adapter.ui.panelBackgroundOpacity);
+    }
+
+    return true;
+  }
+}

Commons/Migrations/MigrationRegistry.qml

@@ -8,10 +8,12 @@ QtObject {
   // Map of version number to migration component
   readonly property var migrations: ({
                                        27: migration27Component,
-                                       28: migration28Component
+                                       28: migration28Component,
+                                       29: migration29Component
                                      })
 
   // Migration components
   property Component migration27Component: Migration27 {}
   property Component migration28Component: Migration28 {}
+  property Component migration29Component: Migration29 {}
 }

Commons/Settings.qml

@@ -23,7 +23,7 @@ Singleton {
   - Default cache directory: ~/.cache/noctalia
   */
   readonly property alias data: adapter  // Used to access via Settings.data.xxx.yyy
-  readonly property int settingsVersion: 28
+  readonly property int settingsVersion: 29
   readonly property bool isDebug: Quickshell.env("NOCTALIA_DEBUG") === "1"
   readonly property string shellName: "noctalia"
   readonly property string configDir: Quickshell.env("NOCTALIA_CONFIG_DIR") || (Quickshell.env("XDG_CONFIG_HOME") || Quickshell.env("HOME") + "/.config") + "/" + shellName + "/"
@@ -156,11 +156,11 @@ Singleton {
     // bar
     property JsonObject bar: JsonObject {
       property string position: "top" // "top", "bottom", "left", or "right"
-      property real backgroundOpacity: 1.0
       property list<string> monitors: [] // holds bar visibility per monitor
       property string density: "default" // "compact", "default", "comfortable"
       property bool showCapsule: true
       property real capsuleOpacity: 1.0
+      property bool transparent: false
 
       // Floating bar settings
       property bool floating: false
@@ -259,7 +259,7 @@ Singleton {
       property real fontDefaultScale: 1.0
       property real fontFixedScale: 1.0
       property bool tooltipsEnabled: true
-      property real panelBackgroundOpacity: 1.0
+      property real panelBackgroundOpacity: 0.85
       property bool panelsAttachedToBar: true
       property string settingsPanelMode: "attached" // "centered", "attached", "window"
     }

Modules/LockScreen/LockScreen.qml

@@ -133,7 +133,7 @@ Loader {
             anchors.fill: parent
             visible: Settings.data.general.showScreenCorners
 
-            property color cornerColor: Settings.data.general.forceBlackScreenCorners ? Color.black : Qt.alpha(Color.mSurface, Settings.data.bar.backgroundOpacity)
+            property color cornerColor: Settings.data.general.forceBlackScreenCorners ? Color.black : Color.mSurface
             property real cornerRadius: Style.screenRadius
             property real cornerSize: Style.screenRadius
 
@@ -901,7 +901,7 @@ Loader {
                   Rectangle {
                     Layout.fillWidth: true
                     Layout.preferredHeight: 48
-                    radius: Style.radiusL
+                    radius: Style.iRadiusL
                     color: Color.mSurface
                     border.color: passwordInput.activeFocus ? Color.mPrimary : Qt.alpha(Color.mOutline, 0.3)
                     border.width: passwordInput.activeFocus ? 2 : 1
@@ -1036,7 +1036,7 @@ Loader {
                       anchors.verticalCenter: parent.verticalCenter
                       width: 36
                       height: 36
-                      radius: Math.min(Style.radiusL, width / 2)
+                      radius: Math.min(Style.iRadiusL, width / 2)
                       color: eyeButtonArea.containsMouse ? Color.mPrimary : Color.transparent
                       visible: passwordInput.text.length > 0
                       enabled: !lockContext.unlockInProgress
@@ -1079,7 +1079,7 @@ Loader {
                       anchors.verticalCenter: parent.verticalCenter
                       width: 36
                       height: 36
-                      radius: Math.min(Style.radiusL, width / 2)
+                      radius: Math.min(Style.iRadiusL, width / 2)
                       color: submitButtonArea.containsMouse ? Color.mPrimary : Color.transparent
                       border.color: Color.mPrimary
                       border.width: Style.borderS

Modules/MainScreen/Backgrounds/AllBackgrounds.qml

@@ -22,7 +22,7 @@ Item {
   // Reference to MainScreen (for panel access)
   required property var windowRoot
 
-  readonly property color panelBackgroundColor: Qt.alpha(Color.mSurface, Settings.data.ui.panelBackgroundOpacity)
+  readonly property color panelBackgroundColor: Color.mSurface
 
   anchors.fill: parent
 
@@ -34,6 +34,9 @@ Item {
     // This caches the Shape to a GPU texture, reducing GPU tessellation overhead
     layer.enabled: true
 
+    // Apply opacity to all backgrounds
+    opacity: Settings.data.ui.panelBackgroundOpacity
+
     // The unified Shape container
     Shape {
       id: backgroundsShape
@@ -55,7 +58,7 @@ Item {
         bar: root.bar
         shapeContainer: backgroundsShape
         windowRoot: root.windowRoot
-        backgroundColor: Qt.alpha(Color.mSurface, Settings.data.bar.backgroundOpacity)
+        backgroundColor: Settings.data.bar.transparent ? Color.transparent : panelBackgroundColor
       }
 
       /**

Modules/MainScreen/SmartPanel.qml

@@ -718,7 +718,7 @@ Item {
       return Settings.data.ui.panelsAttachedToBar || root.forceAttachToBar;
     }
     readonly property bool allowAttachToBar: {
-      if (!(Settings.data.ui.panelsAttachedToBar || root.forceAttachToBar) || Settings.data.bar.backgroundOpacity < 1.0) {
+      if (!(Settings.data.ui.panelsAttachedToBar || root.forceAttachToBar) || Settings.data.bar.transparent) {
         return false;
       }
 

Modules/Panels/Settings/SettingsContent.qml

@@ -331,11 +331,18 @@ Item {
       // Sidebar
       Rectangle {
         id: sidebar
+
+        readonly property bool panelVeryTransparent: Settings.data.ui.panelBackgroundOpacity <= 0.75
+
         clip: true
         Layout.preferredWidth: root.sidebarExpanded ? 200 * Style.uiScaleRatio : sidebarToggle.width
         Layout.fillHeight: true
         Layout.alignment: Qt.AlignTop
-        color: Color.transparent
+
+        radius: sidebar.panelVeryTransparent ? Style.radiusM : 0
+        color: sidebar.panelVeryTransparent ? Color.mSurfaceVariant : Color.transparent
+        border.width: sidebar.panelVeryTransparent ? Style.borderS : 0
+        border.color: sidebar.panelVeryTransparent ? Color.mOutline : Color.transparent
 
         Behavior on Layout.preferredWidth {
           NumberAnimation {
@@ -347,6 +354,7 @@ Item {
         ColumnLayout {
           anchors.fill: parent
           spacing: Style.marginS
+          anchors.margins: sidebar.panelVeryTransparent ? Style.marginM : 0
 
           // Sidebar toggle button
           Item {

Modules/Panels/Settings/Tabs/BarTab.qml

@@ -82,6 +82,14 @@ ColumnLayout {
     onSelected: key => Settings.data.bar.density = key
   }
 
+  NToggle {
+    Layout.fillWidth: true
+    label: I18n.tr("settings.bar.appearance.transparent.label")
+    description: I18n.tr("settings.bar.appearance.transparent.description")
+    checked: Settings.data.bar.transparent
+    onToggled: checked => Settings.data.bar.transparent = checked
+  }
+
   NToggle {
     Layout.fillWidth: true
     label: I18n.tr("settings.bar.appearance.show-capsule.label")
@@ -187,26 +195,6 @@ ColumnLayout {
     }
   }
 
-  ColumnLayout {
-    spacing: Style.marginXXS
-    Layout.fillWidth: true
-
-    NLabel {
-      label: I18n.tr("settings.bar.appearance.background-opacity.label")
-      description: I18n.tr("settings.bar.appearance.background-opacity.description")
-    }
-
-    NValueSlider {
-      Layout.fillWidth: true
-      from: 0
-      to: 1
-      stepSize: 0.01
-      value: Settings.data.bar.backgroundOpacity
-      onMoved: value => Settings.data.bar.backgroundOpacity = value
-      text: Math.floor(Settings.data.bar.backgroundOpacity * 100) + "%"
-    }
-  }
-
   NDivider {
     Layout.fillWidth: true
     Layout.topMargin: Style.marginL

Modules/Panels/Settings/Tabs/UserInterfaceTab.qml

@@ -18,34 +18,6 @@ ColumnLayout {
       description: I18n.tr("settings.user-interface.section.description")
     }
 
-    NToggle {
-      label: I18n.tr("settings.user-interface.tooltips.label")
-      description: I18n.tr("settings.user-interface.tooltips.description")
-      checked: Settings.data.ui.tooltipsEnabled
-      onToggled: checked => Settings.data.ui.tooltipsEnabled = checked
-    }
-
-    // Dim desktop opacity
-    ColumnLayout {
-      spacing: Style.marginXXS
-      Layout.fillWidth: true
-
-      NLabel {
-        label: I18n.tr("settings.user-interface.dimmer-opacity.label")
-        description: I18n.tr("settings.user-interface.dimmer-opacity.description")
-      }
-
-      NValueSlider {
-        Layout.fillWidth: true
-        from: 0
-        to: 1
-        stepSize: 0.01
-        value: Settings.data.general.dimmerOpacity
-        onMoved: value => Settings.data.general.dimmerOpacity = value
-        text: Math.floor(Settings.data.general.dimmerOpacity * 100) + "%"
-      }
-    }
-
     // Panels attached to bar and screen edges
     NToggle {
       label: I18n.tr("settings.user-interface.panels-attached-to-bar.label")
@@ -54,6 +26,14 @@ ColumnLayout {
       onToggled: checked => Settings.data.ui.panelsAttachedToBar = checked
     }
 
+    NToggle {
+      visible: (Quickshell.screens.length > 1)
+      label: I18n.tr("settings.user-interface.allow-panels-without-bar.label")
+      description: I18n.tr("settings.user-interface.allow-panels-without-bar.description")
+      checked: Settings.data.general.allowPanelsOnScreenWithoutBar
+      onToggled: checked => Settings.data.general.allowPanelsOnScreenWithoutBar = checked
+    }
+
     // Settings panel display mode
     NComboBox {
       label: I18n.tr("settings.user-interface.settings-panel-mode.label")
@@ -77,6 +57,61 @@ ColumnLayout {
       onSelected: key => Settings.data.ui.settingsPanelMode = key
     }
 
+    // Panel Background Opacity
+    ColumnLayout {
+      spacing: Style.marginXXS
+      Layout.fillWidth: true
+
+      NLabel {
+        label: I18n.tr("settings.user-interface.panel-background-opacity.label")
+        description: I18n.tr("settings.user-interface.panel-background-opacity.description")
+      }
+
+      NValueSlider {
+        Layout.fillWidth: true
+        from: 0.4
+        to: 1
+        stepSize: 0.01
+        value: Settings.data.ui.panelBackgroundOpacity
+        onMoved: value => Settings.data.ui.panelBackgroundOpacity = value
+        text: Math.floor(Settings.data.ui.panelBackgroundOpacity * 100) + "%"
+      }
+    }
+
+    // Dim desktop opacity
+    ColumnLayout {
+      spacing: Style.marginXXS
+      Layout.fillWidth: true
+
+      NLabel {
+        label: I18n.tr("settings.user-interface.dimmer-opacity.label")
+        description: I18n.tr("settings.user-interface.dimmer-opacity.description")
+      }
+
+      NValueSlider {
+        Layout.fillWidth: true
+        from: 0
+        to: 1
+        stepSize: 0.01
+        value: Settings.data.general.dimmerOpacity
+        onMoved: value => Settings.data.general.dimmerOpacity = value
+        text: Math.floor(Settings.data.general.dimmerOpacity * 100) + "%"
+      }
+    }
+
+    NDivider {
+      Layout.fillWidth: true
+      Layout.topMargin: Style.marginL
+      Layout.bottomMargin: Style.marginL
+    }
+
+    NToggle {
+      label: I18n.tr("settings.user-interface.tooltips.label")
+      description: I18n.tr("settings.user-interface.tooltips.description")
+      checked: Settings.data.ui.tooltipsEnabled
+      onToggled: checked => Settings.data.ui.tooltipsEnabled = checked
+    }
+
     NToggle {
       label: I18n.tr("settings.user-interface.shadows.label")
       description: I18n.tr("settings.user-interface.shadows.description")
@@ -149,35 +184,6 @@ ColumnLayout {
       }
     }
 
-    // Panel Background Opacity
-    ColumnLayout {
-      spacing: Style.marginXXS
-      Layout.fillWidth: true
-
-      NLabel {
-        label: I18n.tr("settings.user-interface.panel-background-opacity.label")
-        description: I18n.tr("settings.user-interface.panel-background-opacity.description")
-      }
-
-      NValueSlider {
-        Layout.fillWidth: true
-        from: 0
-        to: 1
-        stepSize: 0.01
-        value: Settings.data.ui.panelBackgroundOpacity
-        onMoved: value => Settings.data.ui.panelBackgroundOpacity = value
-        text: Math.floor(Settings.data.ui.panelBackgroundOpacity * 100) + "%"
-      }
-    }
-
-    NToggle {
-      visible: (Quickshell.screens.length > 1)
-      label: I18n.tr("settings.user-interface.allow-panels-without-bar.label")
-      description: I18n.tr("settings.user-interface.allow-panels-without-bar.description")
-      checked: Settings.data.general.allowPanelsOnScreenWithoutBar
-      onToggled: checked => Settings.data.general.allowPanelsOnScreenWithoutBar = checked
-    }
-
     NDivider {
       Layout.fillWidth: true
       Layout.topMargin: Style.marginL

Modules/Panels/SetupWizard/SetupCustomizeStep.qml

@@ -430,27 +430,6 @@ ColumnLayout {
         Layout.bottomMargin: Style.marginS
       }
 
-      // Bar Background Opacity
-      ColumnLayout {
-        Layout.fillWidth: true
-        spacing: Style.marginM
-        NLabel {
-          label: I18n.tr("settings.bar.appearance.background-opacity.label")
-          description: I18n.tr("settings.bar.appearance.background-opacity.description")
-        }
-        NValueSlider {
-          Layout.fillWidth: true
-          from: 0
-          to: 1
-          stepSize: 0.01
-          value: Settings.data.bar.backgroundOpacity
-          onMoved: function (value) {
-            Settings.data.bar.backgroundOpacity = value;
-          }
-          text: Math.floor(Settings.data.bar.backgroundOpacity * 100) + "%"
-        }
-      }
-
       // Divider
       Rectangle {
         Layout.fillWidth: true

README.md

@@ -134,6 +134,7 @@ While all donations are greatly appreciated, they are completely voluntary.
 * Raine
 * JustCurtis
 * llego
+* Grune
 
 ---
 

flake.nix

@@ -10,7 +10,7 @@
     nixpkgs,
     ...
   }: let
-    eachSystem = nixpkgs.lib.genAttrs nixpkgs.lib.systems.flakeExposed;
+    eachSystem = nixpkgs.lib.genAttrs nixpkgs.lib.platforms.linux;
     pkgsFor = eachSystem (system: nixpkgs.legacyPackages.${system}.appendOverlays [self.overlays.default]);
   in {
     formatter = eachSystem (system: pkgsFor.${system}.alejandra);