diff --git a/Common/Theme.qml b/Common/Theme.qml index e2599f83..883871f5 100644 --- a/Common/Theme.qml +++ b/Common/Theme.qml @@ -531,11 +531,6 @@ QtObject { return popupTransparency } - function getPopupBorderAlpha() { - // Borders can be more transparent than the main content - return popupTransparency * 0.6 - } - // Convenience functions for themed backgrounds with transparency function popupBackground() { return Qt.rgba(surfaceContainer.r, surfaceContainer.g, surfaceContainer.b, popupTransparency) diff --git a/Widgets/AppLauncher.qml b/Widgets/AppLauncher.qml index 5b58b144..481123e8 100644 --- a/Widgets/AppLauncher.qml +++ b/Widgets/AppLauncher.qml @@ -551,7 +551,7 @@ PanelWindow { height: 36 radius: Theme.cornerRadius color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, Theme.getContentBackgroundAlpha() * 0.4) - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 Row { @@ -777,7 +777,7 @@ PanelWindow { height: Math.min(250, categories.length * 40 + Theme.spacingM * 2) radius: Theme.cornerRadiusLarge color: Theme.contentBackground() - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 visible: showCategories z: 1000 diff --git a/Widgets/BatteryControlPopup.qml b/Widgets/BatteryControlPopup.qml index fc278155..bafb2598 100644 --- a/Widgets/BatteryControlPopup.qml +++ b/Widgets/BatteryControlPopup.qml @@ -42,7 +42,7 @@ PanelWindow { y: Theme.barHeight + Theme.spacingS color: Theme.popupBackground() radius: Theme.cornerRadiusLarge - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 opacity: root.batteryPopupVisible ? 1.0 : 0.0 diff --git a/Widgets/CenterCommandCenter/CenterCommandCenter.qml b/Widgets/CenterCommandCenter/CenterCommandCenter.qml index 316d8056..8a14e617 100644 --- a/Widgets/CenterCommandCenter/CenterCommandCenter.qml +++ b/Widgets/CenterCommandCenter/CenterCommandCenter.qml @@ -88,7 +88,7 @@ PanelWindow { color: theme.surfaceContainer radius: theme.cornerRadiusLarge - border.color: Qt.rgba(theme.outline.r, theme.outline.g, theme.outline.b, 0.12) + border.color: Qt.rgba(theme.outline.r, theme.outline.g, theme.outline.b, 0.08) border.width: 1 layer.enabled: true diff --git a/Widgets/ClipboardHistory.qml b/Widgets/ClipboardHistory.qml index 4cddce1f..6e39a3b1 100644 --- a/Widgets/ClipboardHistory.qml +++ b/Widgets/ClipboardHistory.qml @@ -186,7 +186,7 @@ PanelWindow { color: activeTheme.popupBackground() radius: activeTheme.cornerRadiusXLarge - border.color: Qt.rgba(activeTheme.outline.r, activeTheme.outline.g, activeTheme.outline.b, activeTheme.getPopupBorderAlpha()) + border.color: Qt.rgba(activeTheme.outline.r, activeTheme.outline.g, activeTheme.outline.b, 0.08) border.width: 1 opacity: clipboardHistory.isVisible ? 1.0 : 0.0 @@ -301,7 +301,7 @@ PanelWindow { height: 48 radius: activeTheme.cornerRadiusLarge color: Qt.rgba(activeTheme.surfaceVariant.r, activeTheme.surfaceVariant.g, activeTheme.surfaceVariant.b, activeTheme.getContentBackgroundAlpha() * 0.4) - border.color: searchField.focus ? activeTheme.primary : Qt.rgba(activeTheme.outline.r, activeTheme.outline.g, activeTheme.outline.b, activeTheme.getPopupBorderAlpha()) + border.color: searchField.focus ? activeTheme.primary : Qt.rgba(activeTheme.outline.r, activeTheme.outline.g, activeTheme.outline.b, 0.08) border.width: searchField.focus ? 2 : 1 Row { @@ -643,7 +643,7 @@ PanelWindow { height: 200 // Increased height for better spacing radius: activeTheme.cornerRadiusLarge color: activeTheme.popupBackground() - border.color: Qt.rgba(activeTheme.outline.r, activeTheme.outline.g, activeTheme.outline.b, activeTheme.getPopupBorderAlpha()) + border.color: Qt.rgba(activeTheme.outline.r, activeTheme.outline.g, activeTheme.outline.b, 0.08) border.width: 1 visible: showClearConfirmation z: 1000 diff --git a/Widgets/ControlCenter/ControlCenterPopup.qml b/Widgets/ControlCenter/ControlCenterPopup.qml index 1f05de6a..804ff6b8 100644 --- a/Widgets/ControlCenter/ControlCenterPopup.qml +++ b/Widgets/ControlCenter/ControlCenterPopup.qml @@ -39,7 +39,7 @@ PanelWindow { y: Theme.barHeight + Theme.spacingXS color: Theme.popupBackground() radius: Theme.cornerRadiusLarge - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 // TopBar dropdown animation - optimized for performance @@ -123,7 +123,7 @@ PanelWindow { height: 90 radius: Theme.cornerRadiusLarge color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, Theme.getContentBackgroundAlpha() * 0.4) - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 Row { @@ -363,7 +363,7 @@ PanelWindow { height: controlCenterPopup.powerOptionsExpanded ? 60 : 0 radius: Theme.cornerRadius color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, Theme.getContentBackgroundAlpha() * 0.4) - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: controlCenterPopup.powerOptionsExpanded ? 1 : 0 opacity: controlCenterPopup.powerOptionsExpanded ? 1.0 : 0.0 clip: true diff --git a/Widgets/NotificationHistoryPopup.qml b/Widgets/NotificationHistoryPopup.qml index f02bd76e..b2f8d438 100644 --- a/Widgets/NotificationHistoryPopup.qml +++ b/Widgets/NotificationHistoryPopup.qml @@ -47,7 +47,7 @@ PanelWindow { y: Theme.barHeight + Theme.spacingXS color: Theme.popupBackground() radius: Theme.cornerRadiusLarge - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 // TopBar dropdown animation - slide down from bar (consistent with other TopBar widgets) diff --git a/Widgets/PowerMenuPopup.qml b/Widgets/PowerMenuPopup.qml index 34ba10db..4a5776de 100644 --- a/Widgets/PowerMenuPopup.qml +++ b/Widgets/PowerMenuPopup.qml @@ -42,7 +42,7 @@ PanelWindow { y: Theme.barHeight + Theme.spacingXS color: Theme.popupBackground() radius: Theme.cornerRadiusLarge - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 opacity: root.powerMenuVisible ? 1.0 : 0.0 diff --git a/Widgets/ProcessListDropdown.qml b/Widgets/ProcessListDropdown.qml index fb9ded87..129bd92e 100644 --- a/Widgets/ProcessListDropdown.qml +++ b/Widgets/ProcessListDropdown.qml @@ -54,7 +54,7 @@ PanelWindow { radius: Theme.cornerRadiusLarge color: Theme.popupBackground() - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 clip: true @@ -665,7 +665,7 @@ PanelWindow { height: menuColumn.implicitHeight + Theme.spacingS * 2 radius: Theme.cornerRadiusLarge color: Theme.popupBackground() - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 // Material 3 drop shadow diff --git a/Widgets/SettingsPopup.qml b/Widgets/SettingsPopup.qml index 6a742f1d..cd2dc88e 100644 --- a/Widgets/SettingsPopup.qml +++ b/Widgets/SettingsPopup.qml @@ -50,7 +50,7 @@ PanelWindow { anchors.centerIn: parent color: Theme.popupBackground() radius: Theme.cornerRadiusLarge - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 // Simple opacity and scale control tied directly to settingsVisible diff --git a/Widgets/SpotlightLauncher.qml b/Widgets/SpotlightLauncher.qml index ee4845c3..1ed83f54 100644 --- a/Widgets/SpotlightLauncher.qml +++ b/Widgets/SpotlightLauncher.qml @@ -308,7 +308,7 @@ PanelWindow { anchors.centerIn: parent color: Theme.popupBackground() radius: Theme.cornerRadiusXLarge - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 layer.enabled: true layer.effect: MultiEffect { @@ -441,7 +441,7 @@ PanelWindow { radius: Theme.cornerRadiusLarge color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, Theme.getContentBackgroundAlpha() * 0.7) border.width: searchField.activeFocus ? 2 : 1 - border.color: searchField.activeFocus ? Theme.primary : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: searchField.activeFocus ? Theme.primary : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) Behavior on border.color { ColorAnimation { duration: Theme.shortDuration; easing.type: Theme.standardEasing } } Row { diff --git a/Widgets/TrayMenuPopup.qml b/Widgets/TrayMenuPopup.qml index 1772c7cf..d119b0fb 100644 --- a/Widgets/TrayMenuPopup.qml +++ b/Widgets/TrayMenuPopup.qml @@ -31,7 +31,7 @@ PanelWindow { height: Math.max(60, menuList.contentHeight + Theme.spacingS * 2) color: Theme.popupBackground() radius: Theme.cornerRadiusLarge - border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, Theme.getPopupBorderAlpha()) + border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.width: 1 // Material 3 drop shadow