Container/Box Borders: off by default with a new setting to turn them on in the UI tab

Assets/Translations/de.json

@@ -2483,6 +2483,10 @@
         "label": "Animationsgeschwindigkeit",
         "reset": "Animationsgeschwindigkeit zurücksetzen"
       },
+      "box-border": {
+        "description": "Zeigt eine Umrandung um Inhaltsbereiche an.",
+        "label": "Containerumriss"
+      },
       "box-border-radius": {
         "description": "Passt die Eckenrundung wichtiger Layoutbereiche an, wie z. B. Seitenleisten, Karten und Inhaltsbereiche.",
         "label": "Behälterradius",

Assets/Translations/en.json

@@ -2483,6 +2483,10 @@
         "label": "Animation speed",
         "reset": "Reset animation speed"
       },
+      "box-border": {
+        "description": "Displays an outline around content areas.",
+        "label": "Container outline"
+      },
       "box-border-radius": {
         "description": "Adjusts the corner roundness of major layout sections, such as sidebars, cards, and content panels.",
         "label": "Container Radius",
@@ -2893,38 +2897,6 @@
     "wallpaper-selector": "Wallpaper selector",
     "widget-settings": "Widget settings"
   },
-  "wifi": {
-    "panel": {
-      "title": "Wi‑Fi",
-      "disabled": "Wi‑Fi is disabled",
-      "enable-message": "Enable Wi‑Fi to see available networks.",
-      "searching": "Searching for networks...",
-      "no-networks": "No Wi‑Fi networks found",
-      "scan-again": "Scan again",
-      "known-networks": "Known networks",
-      "available-networks": "Available networks",
-      "connect": "Connect",
-      "disconnect": "Disconnect",
-      "password": "Password",
-      "enter-password": "Enter Wi‑Fi password",
-      "connected": "Connected",
-      "disconnecting": "Disconnecting…",
-      "forgetting": "Forgetting…",
-      "saved": "Saved",
-      "forget-network": "Forget this network",
-      "forget": "Forget",
-      "info": "Info",
-      "security": "Security",
-      "internet-connected": "Internet connected",
-      "internet-limited": "No internet",
-      "link-speed": "Link speed",
-      "interface": "Interface",
-      "ipv4": "IPv4",
-      "gateway": "Gateway",
-      "dns": "DNS",
-      "internet": "Internet"
-    }
-  },
   "wallpaper": {
     "configure-directory": "Configure your wallpaper directory with images.",
     "fill-modes": {

Assets/Translations/es.json

@@ -2483,6 +2483,10 @@
         "label": "Velocidad de animación",
         "reset": "Restablecer la velocidad de la animación"
       },
+      "box-border": {
+        "description": "Muestra un contorno alrededor de las áreas de contenido.",
+        "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.",
         "label": "Radio del contenedor",

Assets/Translations/fr.json

@@ -2483,6 +2483,10 @@
         "label": "Vitesse d'animation",
         "reset": "Réinitialiser la vitesse de l'animation"
       },
+      "box-border": {
+        "description": "Affiche un contour autour des zones de contenu.",
+        "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.",
         "label": "Rayon du conteneur",

Assets/Translations/hu.json

@@ -2483,6 +2483,10 @@
         "label": "Animációs sebesség",
         "reset": "Animációs sebesség visszaállítása"
       },
+      "box-border": {
+        "description": "Tartalomterületek köré vázlatot jelenít meg.",
+        "label": "Konténer körvonal"
+      },
       "box-border-radius": {
         "description": "Beállítja a fő elrendezési szakaszok (például oldalsávok, kártyák és tartalompanelek) saroklekerekítését.",
         "label": "Tároló sugár",

Assets/Translations/ja.json

@@ -2483,6 +2483,10 @@
         "label": "アニメーション速度",
         "reset": "アニメーション速度をリセット"
       },
+      "box-border": {
+        "description": "コンテンツ領域の周りにアウトラインを表示します。",
+        "label": "コンテナの輪郭"
+      },
       "box-border-radius": {
         "description": "サイドバー、カード、コンテンツパネルなど、主要なレイアウト部分の角の丸みを調整します。",
         "label": "コンテナの角の丸み",

Assets/Translations/ku.json

@@ -2483,6 +2483,10 @@
         "label": "Leza anîmasyonê",
         "reset": "Lezaaniya bilezîneka nû bike"
       },
+      "box-border": {
+        "description": "Xêzekê li dora deverên naverokê nîşan dide.",
+        "label": "Çarçoweya konteynerê"
+      },
       "box-border-radius": {
         "description": "Goşeya dorfirehiya beşên sereke yên layoutê, wekî barên kêlekê, kart, û panelên naverokê, eyar dike.",
         "label": "Radiusa Konteynirê",

Assets/Translations/nl.json

@@ -2483,6 +2483,10 @@
         "label": "Animatiesnelheid",
         "reset": "Animatiesnelheid resetten"
       },
+      "box-border": {
+        "description": "Toont een omlijning rond inhoudsgebieden.",
+        "label": "Containeromtrek"
+      },
       "box-border-radius": {
         "description": "Past de hoekronding aan van belangrijke lay-outsecties, zoals zijbalken, kaarten en inhoudspanelen.",
         "label": "Container Radius",

Assets/Translations/pl.json

@@ -2483,6 +2483,10 @@
         "label": "Prędkość animacji",
         "reset": "Resetuj prędkość animacji"
       },
+      "box-border": {
+        "description": "Wyświetla obrys wokół obszarów zawartości.",
+        "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.",
         "label": "Promień kontenerów",

Assets/Translations/pt.json

@@ -2483,6 +2483,10 @@
         "label": "Velocidade da animação",
         "reset": "Redefinir velocidade da animação"
       },
+      "box-border": {
+        "description": "Exibe um contorno ao redor das áreas de conteúdo.",
+        "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.",
         "label": "Raio do Contêiner",

Assets/Translations/ru.json

@@ -2483,6 +2483,10 @@
         "label": "Скорость анимации",
         "reset": "Сбросить скорость анимации"
       },
+      "box-border": {
+        "description": "Отображает контур вокруг областей содержимого.",
+        "label": "Контур контейнера"
+      },
       "box-border-radius": {
         "description": "Настраивает скругление углов основных разделов макета, таких как боковые панели, карточки и панели контента.",
         "label": "Радиус контейнера",

Assets/Translations/tr.json

@@ -2483,6 +2483,10 @@
         "label": "Animasyon hızı",
         "reset": "Animasyon hızını sıfırla"
       },
+      "box-border": {
+        "description": "İçerik alanlarının etrafında bir çerçeve görüntüler.",
+        "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.",
         "label": "Konteyner Yarıçapı",

Assets/Translations/uk-UA.json

@@ -2483,6 +2483,10 @@
         "label": "Швидкість анімації",
         "reset": "Скинути швидкість анімації"
       },
+      "box-border": {
+        "description": "Відображає контур навколо областей вмісту.",
+        "label": "Контур контейнера"
+      },
       "box-border-radius": {
         "description": "Налаштовує заокруглення кутів основних розділів макета, таких як бічні панелі, картки та панелі контенту.",
         "label": "Радіус контейнера",

Assets/Translations/zh-CN.json

@@ -2483,6 +2483,10 @@
         "label": "动画速度",
         "reset": "重置动画速度"
       },
+      "box-border": {
+        "description": "显示内容区域周围的轮廓。",
+        "label": "容器轮廓"
+      },
       "box-border-radius": {
         "description": "调整主要布局部分（如侧边栏、卡片和内容面板）的圆角程度。",
         "label": "容器半径",

Assets/settings-default.json

@@ -97,9 +97,7 @@
     "panelBackgroundOpacity": 0.93,
     "panelsAttachedToBar": true,
     "settingsPanelMode": "attached",
-    "wifiDetailsViewMode": "grid",
-    "bluetoothDetailsViewMode": "grid",
-    "bluetoothHideUnnamedDevices": false
+    "boxBorderEnabled": false
   },
   "location": {
     "name": "Tokyo",
@@ -155,6 +153,8 @@
     "setWallpaperOnAllMonitors": true,
     "fillMode": "crop",
     "fillColor": "#000000",
+    "useSolidColor": false,
+    "solidColor": "#1a1a2e",
     "randomEnabled": false,
     "wallpaperChangeMode": "random",
     "randomIntervalSec": 300,
@@ -292,7 +292,10 @@
   "network": {
     "wifiEnabled": true,
     "bluetoothRssiPollingEnabled": false,
-    "bluetoothRssiPollIntervalMs": 10000
+    "bluetoothRssiPollIntervalMs": 10000,
+    "wifiDetailsViewMode": "grid",
+    "bluetoothDetailsViewMode": "grid",
+    "bluetoothHideUnnamedDevices": false
   },
   "sessionMenu": {
     "enableCountdown": true,

Commons/Settings.qml

@@ -506,8 +506,7 @@ Singleton {
       property real size: 1
       property bool onlySameOutput: true
       property list<string> monitors: [] // holds dock visibility per monitor
-      // Desktop entry IDs pinned to the dock (e.g., "org.kde.konsole", "firefox.desktop")
-      property list<string> pinnedApps: []
+      property list<string> pinnedApps: [] // Desktop entry IDs pinned to the dock (e.g., "org.kde.konsole", "firefox.desktop")
       property bool colorizeIcons: false
 
       property bool pinnedStatic: false

Commons/Style.qml

@@ -140,6 +140,8 @@ Singleton {
   readonly property color capsuleBorderColor: Settings.data.bar.showOutline ? Color.mPrimary : Color.transparent
   readonly property int capsuleBorderWidth: Settings.data.bar.showOutline ? Style.borderS : 0
 
+  readonly property color boxBorderColor: Settings.data.ui.boxBorderEnabled ? Color.mOutline : Color.transparent
+
   // Pixel-perfect utility for centering content without subpixel positioning
   function pixelAlignCenter(containerSize, contentSize) {
     return Math.round((containerSize - contentSize) / 2);

Modules/Cards/MediaCard.qml

@@ -83,7 +83,7 @@ NBox {
     layer.effect: MultiEffect {
       maskEnabled: true
       maskThresholdMin: 0.95
-      maskSpreadAtMin: 0.0
+      maskSpreadAtMin: 0.15
       maskSource: ShaderEffectSource {
         sourceItem: Rectangle {
           width: root.width
@@ -130,7 +130,7 @@ NBox {
     Rectangle {
       anchors.fill: parent
       color: Color.transparent
-      border.color: Color.mOutline
+      border.color: Style.boxBorderColor
       border.width: Style.borderS
       radius: Style.radiusM
     }

Modules/DesktopWidgets/Widgets/DesktopMediaPlayer.qml

@@ -87,7 +87,7 @@ DraggableDesktopWidget {
     layer.effect: MultiEffect {
       maskEnabled: true
       maskThresholdMin: 0.95
-      maskSpreadAtMin: 0.0
+      maskSpreadAtMin: 0.15
       maskSource: ShaderEffectSource {
         sourceItem: Rectangle {
           width: root.width - Math.round(Style.marginXS * widgetScale) * 2

Modules/Panels/Settings/SettingsContent.qml

@@ -341,7 +341,7 @@ Item {
       spacing: Style.marginL
 
       // Sidebar
-      Rectangle {
+      NBox {
         id: sidebar
 
         readonly property bool panelVeryTransparent: Settings.data.ui.panelBackgroundOpacity <= 0.75
@@ -353,8 +353,7 @@ Item {
 
         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
+        border.color: sidebar.panelVeryTransparent ? Style.boxBorderColor : Color.transparent
 
         Behavior on Layout.preferredWidth {
           NumberAnimation {
@@ -581,15 +580,13 @@ Item {
       }
 
       // Content pane
-      Rectangle {
+      NBox {
         id: contentPane
         Layout.fillWidth: true
         Layout.fillHeight: true
         Layout.alignment: Qt.AlignTop
         radius: Style.radiusM
         color: Color.mSurfaceVariant
-        border.color: Color.mOutline
-        border.width: Style.borderS
 
         ColumnLayout {
           id: contentLayout

Modules/Panels/Settings/Tabs/UserInterfaceTab.qml

@@ -108,6 +108,15 @@ ColumnLayout {
       onToggled: checked => Settings.data.ui.tooltipsEnabled = checked
     }
 
+    NToggle {
+      label: I18n.tr("settings.user-interface.box-border.label")
+      description: I18n.tr("settings.user-interface.box-border.description")
+      checked: Settings.data.ui.boxBorderEnabled
+      isSettings: true
+      defaultValue: Settings.getDefaultValue("ui.boxBorderEnabled")
+      onToggled: checked => Settings.data.ui.boxBorderEnabled = checked
+    }
+
     NToggle {
       label: I18n.tr("settings.user-interface.shadows.label")
       description: I18n.tr("settings.user-interface.shadows.description")

Widgets/NBox.qml

@@ -8,6 +8,6 @@ Rectangle {
 
   color: Color.mSurfaceVariant
   radius: Style.radiusM
-  border.color: Color.mOutline
+  border.color: Style.boxBorderColor
   border.width: Style.borderS
 }