Salastil/DankMaterialShell
1
0
Fork 0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2026-04-15 10:12:07 -04:00
Code Packages Releases Activity

theme: fix popup transparency setting

Browse Source
This commit is contained in:
bbedward
2026-02-03 21:06:15 -05:00
parent c024c1b8e4
commit 44292c3b55
40 changed files with 111 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
quickshell/Modals/Changelog/ChangelogModal.qml
View File

@@ -7,6 +7,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: root id: root
property bool disablePopupTransparency: true
readonly property int modalWidth: 680 readonly property int modalWidth: 680
readonly property int modalHeight: screen ? Math.min(720, screen.height - 80) : 720 readonly property int modalHeight: screen ? Math.min(720, screen.height - 80) : 720

1
quickshell/Modals/FileBrowser/FileBrowserModal.qml
View File

@@ -6,6 +6,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: fileBrowserModal id: fileBrowserModal
property bool disablePopupTransparency: true
property string browserTitle: "Select File" property string browserTitle: "Select File"
property string browserIcon: "folder_open" property string browserIcon: "folder_open"
property string browserType: "generic" property string browserType: "generic"

1
quickshell/Modals/Greeter/GreeterModal.qml
View File

@@ -8,6 +8,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: root id: root
property bool disablePopupTransparency: true
property int currentPage: 0 property int currentPage: 0
readonly property int totalPages: 3 readonly property int totalPages: 3
readonly property var pageComponents: [welcomePage, doctorPage, completePage] readonly property var pageComponents: [welcomePage, doctorPage, completePage]

1
quickshell/Modals/PolkitAuthModal.qml
View File

@@ -7,6 +7,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: root id: root
property bool disablePopupTransparency: true
property string passwordInput: "" property string passwordInput: ""
property var currentFlow: PolkitService.agent?.flow property var currentFlow: PolkitService.agent?.flow
property bool isLoading: false property bool isLoading: false

1
quickshell/Modals/ProcessListModal.qml
View File

@@ -10,6 +10,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: processListModal id: processListModal
property bool disablePopupTransparency: true
property int currentTab: 0 property int currentTab: 0
property string searchText: "" property string searchText: ""
property string expandedPid: "" property string expandedPid: ""

1
quickshell/Modals/Settings/SettingsModal.qml
View File

@@ -8,6 +8,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: settingsModal id: settingsModal
property bool disablePopupTransparency: true
property var profileBrowser: profileBrowserLoader.item property var profileBrowser: profileBrowserLoader.item
property var wallpaperBrowser: wallpaperBrowserLoader.item property var wallpaperBrowser: wallpaperBrowserLoader.item

4
quickshell/Modals/Settings/SettingsSidebar.qml
View File

@@ -498,7 +498,7 @@ Rectangle {
implicitWidth: __calculatedWidth implicitWidth: __calculatedWidth
width: __calculatedWidth width: __calculatedWidth
height: parent.height height: parent.height
color: Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency) color: Theme.surfaceContainer
radius: Theme.cornerRadius radius: Theme.cornerRadius
StyledTextMetrics { StyledTextMetrics {
@@ -596,12 +596,12 @@ Rectangle {
id: searchField id: searchField
width: parent.width - parent.leftPadding - parent.rightPadding width: parent.width - parent.leftPadding - parent.rightPadding
placeholderText: I18n.tr("Search...") placeholderText: I18n.tr("Search...")
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHighest, Theme.popupTransparency)
normalBorderColor: Theme.outlineMedium normalBorderColor: Theme.outlineMedium
focusedBorderColor: Theme.primary focusedBorderColor: Theme.primary
leftIconName: "search" leftIconName: "search"
leftIconSize: Theme.iconSize - 4 leftIconSize: Theme.iconSize - 4
showClearButton: text.length > 0 showClearButton: text.length > 0
usePopupTransparency: false
onTextChanged: { onTextChanged: {
SettingsSearchService.search(text); SettingsSearchService.search(text);
root.searchSelectedIndex = 0; root.searchSelectedIndex = 0;

1
quickshell/Modals/WifiPasswordModal.qml
View File

@@ -7,6 +7,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: root id: root
property bool disablePopupTransparency: true
property string wifiPasswordSSID: "" property string wifiPasswordSSID: ""
property string wifiPasswordInput: "" property string wifiPasswordInput: ""
property string wifiUsernameInput: "" property string wifiUsernameInput: ""

1
quickshell/Modals/WindowRuleModal.qml
View File

@@ -7,6 +7,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: root id: root
property bool disablePopupTransparency: true
property var editingRule: null property var editingRule: null
property bool isEditMode: editingRule !== null property bool isEditMode: editingRule !== null
property bool isNiri: CompositorService.isNiri property bool isNiri: CompositorService.isNiri

1
quickshell/Modals/WorkspaceRenameModal.qml
View File

@@ -8,6 +8,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: root id: root
property bool disablePopupTransparency: true
readonly property int inputFieldHeight: Theme.fontSizeMedium + Theme.spacingL * 2 readonly property int inputFieldHeight: Theme.fontSizeMedium + Theme.spacingL * 2
objectName: "workspaceRenameModal" objectName: "workspaceRenameModal"

8
quickshell/Modules/Settings/AboutTab.qml
View File

@@ -122,7 +122,7 @@ Item {
width: parent.width width: parent.width
height: asciiSection.implicitHeight + Theme.spacingL * 2 height: asciiSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: 0 border.width: 0
@@ -541,7 +541,7 @@ Item {
width: parent.width width: parent.width
height: projectSection.implicitHeight + Theme.spacingL * 2 height: projectSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: 0 border.width: 0
@@ -599,7 +599,7 @@ Item {
width: parent.width width: parent.width
height: backendSection.implicitHeight + Theme.spacingL * 2 height: backendSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: 0 border.width: 0
@@ -760,7 +760,7 @@ Item {
width: parent.width width: parent.width
height: toolsSection.implicitHeight + Theme.spacingL * 2 height: toolsSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: 0 border.width: 0

3
quickshell/Modules/Settings/DesktopWidgetBrowser.qml
View File

@@ -9,6 +9,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: root id: root
property bool disablePopupTransparency: true
property string searchQuery: "" property string searchQuery: ""
property var filteredWidgets: [] property var filteredWidgets: []
property int selectedIndex: -1 property int selectedIndex: -1
@@ -273,7 +274,7 @@ FloatingWindow {
width: parent.width width: parent.width
height: 48 height: 48
cornerRadius: Theme.cornerRadius cornerRadius: Theme.cornerRadius
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) backgroundColor: Theme.surfaceContainerHigh
normalBorderColor: Theme.outlineMedium normalBorderColor: Theme.outlineMedium
focusedBorderColor: Theme.primary focusedBorderColor: Theme.primary
leftIconName: "search" leftIconName: "search"

2
quickshell/Modules/Settings/DesktopWidgetInstanceCard.qml
View File

@@ -84,7 +84,7 @@ SettingsCard {
onClosed: root.confirmingDelete = false onClosed: root.confirmingDelete = false
background: Rectangle { background: Rectangle {
color: Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency) color: Theme.surfaceContainer
radius: Theme.cornerRadius radius: Theme.cornerRadius
border.color: Theme.outlineLight border.color: Theme.outlineLight
border.width: 1 border.width: 1

2
quickshell/Modules/Settings/DisplayConfig/NoBackendMessage.qml
View File

@@ -8,7 +8,7 @@ StyledRect {
width: parent.width width: parent.width
height: messageContent.implicitHeight + Theme.spacingL * 2 height: messageContent.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: 0 border.width: 0

4
quickshell/Modules/Settings/DisplayConfigTab.qml
View File

@@ -90,7 +90,7 @@ Item {
width: parent.width width: parent.width
height: profileSection.implicitHeight + Theme.spacingL * 2 height: profileSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: 0 border.width: 0
visible: DisplayConfigState.hasOutputBackend visible: DisplayConfigState.hasOutputBackend
@@ -325,7 +325,7 @@ Item {
width: parent.width width: parent.width
height: monitorConfigSection.implicitHeight + Theme.spacingL * 2 height: monitorConfigSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: 0 border.width: 0
visible: DisplayConfigState.hasOutputBackend visible: DisplayConfigState.hasOutputBackend

6
quickshell/Modules/Settings/DisplayWidgetsTab.qml
View File

@@ -136,7 +136,7 @@ Item {
width: parent.width width: parent.width
height: screensInfoSection.implicitHeight + Theme.spacingL * 2 height: screensInfoSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: 0 border.width: 0
@@ -249,7 +249,7 @@ Item {
width: parent.width width: parent.width
height: screenRow.implicitHeight + Theme.spacingS * 2 height: screenRow.implicitHeight + Theme.spacingS * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.3) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.3)
border.width: 0 border.width: 0
@@ -329,7 +329,7 @@ Item {
width: parent.width width: parent.width
height: componentSection.implicitHeight + Theme.spacingL * 2 height: componentSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: 0 border.width: 0

2
quickshell/Modules/Settings/GammaControlTab.qml
View File

@@ -38,7 +38,7 @@ Item {
width: parent.width width: parent.width
height: gammaSection.implicitHeight + Theme.spacingL * 2 height: gammaSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: 0 border.width: 0

8
quickshell/Modules/Settings/KeybindsTab.qml
View File

@@ -183,7 +183,7 @@ Item {
height: headerSection.implicitHeight + Theme.spacingL * 2 height: headerSection.implicitHeight + Theme.spacingL * 2
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.width: 0 border.width: 0
Column { Column {
@@ -361,7 +361,7 @@ Item {
height: categorySection.implicitHeight + Theme.spacingL * 2 height: categorySection.implicitHeight + Theme.spacingL * 2
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.width: 0 border.width: 0
Column { Column {
@@ -439,7 +439,7 @@ Item {
height: newBindSection.implicitHeight + Theme.spacingL * 2 height: newBindSection.implicitHeight + Theme.spacingL * 2
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.color: Theme.outlineVariant border.color: Theme.outlineVariant
border.width: 1 border.width: 1
visible: keybindsTab.showingNewBind visible: keybindsTab.showingNewBind
@@ -497,7 +497,7 @@ Item {
height: bindsListHeader.implicitHeight + Theme.spacingL * 2 height: bindsListHeader.implicitHeight + Theme.spacingL * 2
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.width: 0 border.width: 0
Column { Column {

8
quickshell/Modules/Settings/NetworkTab.qml
View File

@@ -107,7 +107,7 @@ Item {
width: parent.width width: parent.width
height: overviewSection.implicitHeight + Theme.spacingL * 2 height: overviewSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
id: overviewSection id: overviewSection
@@ -291,7 +291,7 @@ Item {
width: parent.width width: parent.width
height: ethernetSection.implicitHeight + Theme.spacingL * 2 height: ethernetSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
visible: NetworkService.ethernetConnected || (NetworkService.ethernetDevices?.length ?? 0) > 0 visible: NetworkService.ethernetConnected || (NetworkService.ethernetDevices?.length ?? 0) > 0
Column { Column {
@@ -762,7 +762,7 @@ Item {
width: parent.width width: parent.width
height: wifiSection.implicitHeight + Theme.spacingL * 2 height: wifiSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
id: wifiSection id: wifiSection
@@ -1480,7 +1480,7 @@ Item {
width: parent.width width: parent.width
height: vpnSection.implicitHeight + Theme.spacingL * 2 height: vpnSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
visible: DMSNetworkService.vpnAvailable visible: DMSNetworkService.vpnAvailable
Column { Column {

5
quickshell/Modules/Settings/PluginBrowser.qml
View File

@@ -9,6 +9,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: root id: root
property bool disablePopupTransparency: true
property var allPlugins: [] property var allPlugins: []
property string searchQuery: "" property string searchQuery: ""
property var filteredPlugins: [] property var filteredPlugins: []
@@ -331,7 +332,7 @@ FloatingWindow {
anchors.topMargin: Theme.spacingM anchors.topMargin: Theme.spacingM
height: 48 height: 48
cornerRadius: Theme.cornerRadius cornerRadius: Theme.cornerRadius
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) backgroundColor: Theme.surfaceContainerHigh
normalBorderColor: Theme.outlineMedium normalBorderColor: Theme.outlineMedium
focusedBorderColor: Theme.primary focusedBorderColor: Theme.primary
leftIconName: "search" leftIconName: "search"
@@ -718,6 +719,8 @@ FloatingWindow {
FloatingWindow { FloatingWindow {
id: thirdPartyConfirmModal id: thirdPartyConfirmModal
property bool disablePopupTransparency: true
function show() { function show() {
visible = true; visible = true;
} }

10
quickshell/Modules/Settings/PluginListItem.qml
View File

@@ -52,7 +52,7 @@ StyledRect {
width: parent.width width: parent.width
height: pluginItemColumn.implicitHeight + Theme.spacingM * 2 + settingsContainer.height height: pluginItemColumn.implicitHeight + Theme.spacingM * 2 + settingsContainer.height
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: (pluginMouseArea.containsMouse || updateArea.containsMouse || uninstallArea.containsMouse || reloadArea.containsMouse) ? Theme.surfacePressed : (isExpanded ? Theme.withAlpha(Theme.surfaceContainerHighest, Theme.popupTransparency) : Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)) color: (pluginMouseArea.containsMouse || updateArea.containsMouse || uninstallArea.containsMouse || reloadArea.containsMouse) ? Theme.surfacePressed : (isExpanded ? Theme.surfaceContainerHighest : Theme.surfaceContainerHigh)
border.width: 0 border.width: 0
MouseArea { MouseArea {
@@ -183,7 +183,7 @@ StyledRect {
width: 28 width: 28
height: 28 height: 28
radius: 14 radius: 14
color: updateArea.containsMouse ? Theme.withAlpha(Theme.surfaceContainerHighest, Theme.popupTransparency) : "transparent" color: updateArea.containsMouse ? Theme.surfaceContainerHighest : "transparent"
visible: DMSService.dmsAvailable && root.isLoaded && root.hasUpdate && !root.isSystemPlugin visible: DMSService.dmsAvailable && root.isLoaded && root.hasUpdate && !root.isSystemPlugin
DankIcon { DankIcon {
@@ -227,7 +227,7 @@ StyledRect {
width: 28 width: 28
height: 28 height: 28
radius: 14 radius: 14
color: uninstallArea.containsMouse ? Theme.withAlpha(Theme.surfaceContainerHighest, Theme.popupTransparency) : "transparent" color: uninstallArea.containsMouse ? Theme.surfaceContainerHighest : "transparent"
visible: DMSService.dmsAvailable && !root.isSystemPlugin visible: DMSService.dmsAvailable && !root.isSystemPlugin
DankIcon { DankIcon {
@@ -270,7 +270,7 @@ StyledRect {
width: 28 width: 28
height: 28 height: 28
radius: 14 radius: 14
color: reloadArea.containsMouse ? Theme.withAlpha(Theme.surfaceContainerHighest, Theme.popupTransparency) : "transparent" color: reloadArea.containsMouse ? Theme.surfaceContainerHighest : "transparent"
visible: root.isLoaded visible: root.isLoaded
DankIcon { DankIcon {
@@ -388,7 +388,7 @@ StyledRect {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
color: Theme.withAlpha(Theme.surfaceContainerHighest, Theme.popupTransparency) color: Theme.surfaceContainerHighest
radius: Theme.cornerRadius radius: Theme.cornerRadius
anchors.topMargin: Theme.spacingXS anchors.topMargin: Theme.spacingXS
border.width: 0 border.width: 0

6
quickshell/Modules/Settings/PluginsTab.qml
View File

@@ -41,7 +41,7 @@ FocusScope {
width: parent.width width: parent.width
height: headerColumn.implicitHeight + Theme.spacingL * 2 height: headerColumn.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.width: 0 border.width: 0
Column { Column {
@@ -243,7 +243,7 @@ FocusScope {
width: parent.width width: parent.width
height: directoryColumn.implicitHeight + Theme.spacingL * 2 height: directoryColumn.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.width: 0 border.width: 0
Column { Column {
@@ -286,7 +286,7 @@ FocusScope {
width: parent.width width: parent.width
height: Math.max(200, availableColumn.implicitHeight + Theme.spacingL * 2) height: Math.max(200, availableColumn.implicitHeight + Theme.spacingL * 2)
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.width: 0 border.width: 0
Column { Column {

2
quickshell/Modules/Settings/PowerSleepTab.qml
View File

@@ -555,7 +555,7 @@ Item {
DankTextField { DankTextField {
width: parent.width width: parent.width
placeholderText: modelData.placeholder placeholderText: modelData.placeholder
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHighest, Theme.popupTransparency) backgroundColor: Theme.surfaceContainerHighest
normalBorderColor: Theme.outlineMedium normalBorderColor: Theme.outlineMedium
focusedBorderColor: Theme.primary focusedBorderColor: Theme.primary

8
quickshell/Modules/Settings/PrinterTab.qml
View File

@@ -80,7 +80,7 @@ Item {
width: parent.width width: parent.width
height: overviewSection.implicitHeight + Theme.spacingL * 2 height: overviewSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
id: overviewSection id: overviewSection
@@ -181,7 +181,7 @@ Item {
width: parent.width width: parent.width
height: addPrinterSection.implicitHeight + Theme.spacingL * 2 height: addPrinterSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
visible: CupsService.cupsAvailable visible: CupsService.cupsAvailable
Column { Column {
@@ -498,7 +498,7 @@ Item {
width: parent.width width: parent.width
height: printersSection.implicitHeight + Theme.spacingL * 2 height: printersSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
visible: CupsService.cupsAvailable visible: CupsService.cupsAvailable
Column { Column {
@@ -1191,7 +1191,7 @@ Item {
width: parent.width width: parent.width
height: classesSection.implicitHeight + Theme.spacingL * 2 height: classesSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
visible: CupsService.cupsAvailable && CupsService.printerClasses.length > 0 visible: CupsService.cupsAvailable && CupsService.printerClasses.length > 0
Column { Column {

4
quickshell/Modules/Settings/SystemUpdaterTab.qml
View File

@@ -70,7 +70,7 @@ Item {
id: updaterCustomCommand id: updaterCustomCommand
width: parent.width width: parent.width
placeholderText: "myPkgMngr --sysupdate" placeholderText: "myPkgMngr --sysupdate"
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHighest, Theme.popupTransparency) backgroundColor: Theme.surfaceContainerHighest
normalBorderColor: Theme.outlineMedium normalBorderColor: Theme.outlineMedium
focusedBorderColor: Theme.primary focusedBorderColor: Theme.primary
@@ -114,7 +114,7 @@ Item {
id: updaterTerminalCustomClass id: updaterTerminalCustomClass
width: parent.width width: parent.width
placeholderText: "-T udpClass" placeholderText: "-T udpClass"
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHighest, Theme.popupTransparency) backgroundColor: Theme.surfaceContainerHighest
normalBorderColor: Theme.outlineMedium normalBorderColor: Theme.outlineMedium
focusedBorderColor: Theme.primary focusedBorderColor: Theme.primary

3
quickshell/Modules/Settings/ThemeBrowser.qml
View File

@@ -9,6 +9,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: root id: root
property bool disablePopupTransparency: true
property var allThemes: [] property var allThemes: []
property string searchQuery: "" property string searchQuery: ""
property var filteredThemes: [] property var filteredThemes: []
@@ -300,7 +301,7 @@ FloatingWindow {
anchors.topMargin: Theme.spacingM anchors.topMargin: Theme.spacingM
height: 48 height: 48
cornerRadius: Theme.cornerRadius cornerRadius: Theme.cornerRadius
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) backgroundColor: Theme.surfaceContainerHigh
normalBorderColor: Theme.outlineMedium normalBorderColor: Theme.outlineMedium
focusedBorderColor: Theme.primary focusedBorderColor: Theme.primary
leftIconName: "search" leftIconName: "search"

14
quickshell/Modules/Settings/TimeWeatherTab.qml
View File

@@ -248,7 +248,7 @@ Item {
x: Theme.spacingM x: Theme.spacingM
height: formatHelp.implicitHeight + Theme.spacingM * 2 height: formatHelp.implicitHeight + Theme.spacingM * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
id: formatHelp id: formatHelp
@@ -808,7 +808,7 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
@@ -852,7 +852,7 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
@@ -896,7 +896,7 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
@@ -953,7 +953,7 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
@@ -1003,7 +1003,7 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent
@@ -1047,7 +1047,7 @@ Item {
Layout.fillWidth: true Layout.fillWidth: true
Layout.fillHeight: true Layout.fillHeight: true
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
anchors.centerIn: parent anchors.centerIn: parent

4
quickshell/Modules/Settings/WallpaperTab.qml
View File

@@ -274,7 +274,7 @@ Item {
return currentWallpaper && !currentWallpaper.startsWith("#") && !currentWallpaper.startsWith("we"); return currentWallpaper && !currentWallpaper.startsWith("#") && !currentWallpaper.startsWith("we");
} }
opacity: enabled ? 1 : 0.5 opacity: enabled ? 1 : 0.5
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) backgroundColor: Theme.surfaceContainerHigh
iconColor: Theme.surfaceText iconColor: Theme.surfaceText
onClicked: { onClicked: {
if (SessionData.perMonitorWallpaper) { if (SessionData.perMonitorWallpaper) {
@@ -294,7 +294,7 @@ Item {
return currentWallpaper && !currentWallpaper.startsWith("#") && !currentWallpaper.startsWith("we"); return currentWallpaper && !currentWallpaper.startsWith("#") && !currentWallpaper.startsWith("we");
} }
opacity: enabled ? 1 : 0.5 opacity: enabled ? 1 : 0.5
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) backgroundColor: Theme.surfaceContainerHigh
iconColor: Theme.surfaceText iconColor: Theme.surfaceText
onClicked: { onClicked: {
if (SessionData.perMonitorWallpaper) { if (SessionData.perMonitorWallpaper) {

3
quickshell/Modules/Settings/WidgetSelectionPopup.qml
View File

@@ -6,6 +6,7 @@ import qs.Widgets
FloatingWindow { FloatingWindow {
id: root id: root
property bool disablePopupTransparency: true
property var allWidgets: [] property var allWidgets: []
property string targetSection: "" property string targetSection: ""
property string searchQuery: "" property string searchQuery: ""
@@ -257,7 +258,7 @@ FloatingWindow {
width: parent.width width: parent.width
height: 48 height: 48
cornerRadius: Theme.cornerRadius cornerRadius: Theme.cornerRadius
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) backgroundColor: Theme.surfaceContainerHigh
normalBorderColor: Theme.outlineMedium normalBorderColor: Theme.outlineMedium
focusedBorderColor: Theme.primary focusedBorderColor: Theme.primary
leftIconName: "search" leftIconName: "search"

2
quickshell/Modules/Settings/Widgets/SettingsCard.qml
View File

@@ -37,7 +37,7 @@ StyledRect {
return h; return h;
} }
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
readonly property bool collapsed: collapsible && !expanded readonly property bool collapsed: collapsible && !expanded
readonly property bool hasHeader: root.title !== "" || root.iconName !== "" readonly property bool hasHeader: root.title !== "" || root.iconName !== ""

1
quickshell/Modules/Settings/Widgets/SettingsDropdownRow.qml
View File

@@ -19,6 +19,7 @@ DankDropdown {
width: parent?.width ?? 0 width: parent?.width ?? 0
addHorizontalPadding: true addHorizontalPadding: true
usePopupTransparency: false
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent

6
quickshell/Modules/Settings/Widgets/SettingsSliderCard.qml
View File

@@ -27,7 +27,7 @@ StyledRect {
width: parent?.width ?? 0 width: parent?.width ?? 0
height: Theme.spacingL * 2 + contentColumn.height height: Theme.spacingL * 2 + contentColumn.height
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
id: contentColumn id: contentColumn
@@ -84,7 +84,7 @@ StyledRect {
iconName: "restart_alt" iconName: "restart_alt"
iconSize: 20 iconSize: 20
visible: root.defaultValue >= 0 && slider.value !== root.defaultValue visible: root.defaultValue >= 0 && slider.value !== root.defaultValue
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) backgroundColor: Theme.surfaceContainerHigh
iconColor: Theme.surfaceVariantText iconColor: Theme.surfaceVariantText
onClicked: { onClicked: {
slider.value = root.defaultValue; slider.value = root.defaultValue;
@@ -99,7 +99,7 @@ StyledRect {
height: 32 height: 32
showValue: true showValue: true
wheelEnabled: false wheelEnabled: false
thumbOutlineColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) thumbOutlineColor: Theme.surfaceContainerHigh
onSliderValueChanged: newValue => root.sliderValueChanged(newValue) onSliderValueChanged: newValue => root.sliderValueChanged(newValue)
} }
} }

4
quickshell/Modules/Settings/Widgets/SettingsSliderRow.qml
View File

@@ -123,7 +123,7 @@ Item {
iconName: "restart_alt" iconName: "restart_alt"
iconSize: 20 iconSize: 20
visible: root.defaultValue >= 0 && slider.value !== root.defaultValue visible: root.defaultValue >= 0 && slider.value !== root.defaultValue
backgroundColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) backgroundColor: Theme.surfaceContainerHigh
iconColor: Theme.surfaceVariantText iconColor: Theme.surfaceVariantText
onClicked: { onClicked: {
slider.value = root.defaultValue; slider.value = root.defaultValue;
@@ -139,7 +139,7 @@ Item {
height: 32 height: 32
showValue: true showValue: true
wheelEnabled: false wheelEnabled: false
thumbOutlineColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) thumbOutlineColor: Theme.surfaceContainerHigh
onSliderValueChanged: newValue => root.sliderValueChanged(newValue) onSliderValueChanged: newValue => root.sliderValueChanged(newValue)
} }
} }

2
quickshell/Modules/Settings/Widgets/SettingsToggleCard.qml
View File

@@ -27,7 +27,7 @@ StyledRect {
width: parent?.width ?? 0 width: parent?.width ?? 0
height: Theme.spacingL * 2 + mainColumn.height height: Theme.spacingL * 2 + mainColumn.height
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
id: mainColumn id: mainColumn

10
quickshell/Modules/Settings/WidgetsTab.qml
View File

@@ -714,7 +714,7 @@ Item {
width: parent.width width: parent.width
height: barSelectorContent.implicitHeight + Theme.spacingL * 2 height: barSelectorContent.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.width: 0 border.width: 0
visible: hasMultipleBars visible: hasMultipleBars
@@ -767,7 +767,7 @@ Item {
width: parent.width width: parent.width
height: widgetManagementHeader.implicitHeight + Theme.spacingL * 2 height: widgetManagementHeader.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.width: 0 border.width: 0
Column { Column {
@@ -867,7 +867,7 @@ Item {
width: parent.width width: parent.width
height: leftSection.implicitHeight + Theme.spacingL * 2 height: leftSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.width: 0 border.width: 0
WidgetsTabSection { WidgetsTabSection {
@@ -925,7 +925,7 @@ Item {
width: parent.width width: parent.width
height: centerSection.implicitHeight + Theme.spacingL * 2 height: centerSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.width: 0 border.width: 0
WidgetsTabSection { WidgetsTabSection {
@@ -983,7 +983,7 @@ Item {
width: parent.width width: parent.width
height: rightSection.implicitHeight + Theme.spacingL * 2 height: rightSection.implicitHeight + Theme.spacingL * 2
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
border.width: 0 border.width: 0
WidgetsTabSection { WidgetsTabSection {

10
quickshell/Modules/Settings/WidgetsTabSection.qml
View File

@@ -808,7 +808,7 @@ Column {
closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside
background: Rectangle { background: Rectangle {
color: Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency) color: Theme.surfaceContainer
radius: Theme.cornerRadius radius: Theme.cornerRadius
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
border.width: 0 border.width: 0
@@ -1000,7 +1000,7 @@ Column {
} }
background: Rectangle { background: Rectangle {
color: Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency) color: Theme.surfaceContainer
radius: Theme.cornerRadius radius: Theme.cornerRadius
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
border.width: 0 border.width: 0
@@ -1211,7 +1211,7 @@ Column {
closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside
background: Rectangle { background: Rectangle {
color: Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency) color: Theme.surfaceContainer
radius: Theme.cornerRadius radius: Theme.cornerRadius
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
border.width: 0 border.width: 0
@@ -1319,7 +1319,7 @@ Column {
closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside
background: Rectangle { background: Rectangle {
color: Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency) color: Theme.surfaceContainer
radius: Theme.cornerRadius radius: Theme.cornerRadius
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
border.width: 0 border.width: 0
@@ -1437,7 +1437,7 @@ Column {
closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside
background: Rectangle { background: Rectangle {
color: Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency) color: Theme.surfaceContainer
radius: Theme.cornerRadius radius: Theme.cornerRadius
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08) border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
border.width: 0 border.width: 0

4
quickshell/Modules/Settings/WindowRulesTab.qml
View File

@@ -220,7 +220,7 @@ Item {
height: headerSection.implicitHeight + Theme.spacingL * 2 height: headerSection.implicitHeight + Theme.spacingL * 2
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
id: headerSection id: headerSection
@@ -376,7 +376,7 @@ Item {
height: rulesSection.implicitHeight + Theme.spacingL * 2 height: rulesSection.implicitHeight + Theme.spacingL * 2
anchors.horizontalCenter: parent.horizontalCenter anchors.horizontalCenter: parent.horizontalCenter
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: Theme.surfaceContainerHigh
Column { Column {
id: rulesSection id: rulesSection

15
quickshell/Widgets/DankDropdown.qml
View File

@@ -12,6 +12,16 @@ Item {
LayoutMirroring.enabled: I18n.isRtl LayoutMirroring.enabled: I18n.isRtl
LayoutMirroring.childrenInherit: true LayoutMirroring.childrenInherit: true
function checkParentDisablesTransparency() {
let p = parent;
while (p) {
if (p.disablePopupTransparency === true)
return true;
p = p.parent;
}
return false;
}
property string text: "" property string text: ""
property string description: "" property string description: ""
property string currentValue: "" property string currentValue: ""
@@ -41,6 +51,7 @@ Item {
property bool compactMode: text === "" && description === "" property bool compactMode: text === "" && description === ""
property bool addHorizontalPadding: false property bool addHorizontalPadding: false
property string emptyText: "" property string emptyText: ""
property bool usePopupTransparency: !checkParentDisablesTransparency()
signal valueChanged(string value) signal valueChanged(string value)
@@ -92,7 +103,7 @@ Item {
anchors.rightMargin: root.addHorizontalPadding && !root.compactMode ? Theme.spacingM : 0 anchors.rightMargin: root.addHorizontalPadding && !root.compactMode ? Theme.spacingM : 0
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: dropdownArea.containsMouse || dropdownMenu.visible ? Theme.surfaceContainerHigh : Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency) color: dropdownArea.containsMouse || dropdownMenu.visible ? Theme.surfaceContainerHigh : (root.usePopupTransparency ? Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency) : Theme.surfaceContainer)
border.color: dropdownMenu.visible ? Theme.primary : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2) border.color: dropdownMenu.visible ? Theme.primary : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
border.width: dropdownMenu.visible ? 2 : 1 border.width: dropdownMenu.visible ? 2 : 1
@@ -258,7 +269,7 @@ Item {
height: 42 height: 42
visible: root.enableFuzzySearch visible: root.enableFuzzySearch
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) color: root.usePopupTransparency ? Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) : Theme.surfaceContainerHigh
DankTextField { DankTextField {
id: searchField id: searchField

2
quickshell/Widgets/DankPopout.qml
View File

@@ -456,7 +456,7 @@ Item {
Rectangle { Rectangle {
anchors.fill: parent anchors.fill: parent
radius: Theme.cornerRadius radius: Theme.cornerRadius
color: Theme.surfaceContainer color: Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency)
} }
} }

13
quickshell/Widgets/DankTextField.qml
View File

@@ -11,6 +11,16 @@ StyledRect {
KeyNavigation.tab: keyNavigationTab KeyNavigation.tab: keyNavigationTab
KeyNavigation.backtab: keyNavigationBacktab KeyNavigation.backtab: keyNavigationBacktab
function checkParentDisablesTransparency() {
let p = parent;
while (p) {
if (p.disablePopupTransparency === true)
return true;
p = p.parent;
}
return false;
}
property alias text: textInput.text property alias text: textInput.text
property string placeholderText: "" property string placeholderText: ""
property alias font: textInput.font property alias font: textInput.font
@@ -26,7 +36,8 @@ StyledRect {
property bool showClearButton: false property bool showClearButton: false
property bool showPasswordToggle: false property bool showPasswordToggle: false
property bool passwordVisible: false property bool passwordVisible: false
property color backgroundColor: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) property bool usePopupTransparency: !checkParentDisablesTransparency()
property color backgroundColor: usePopupTransparency ? Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency) : Theme.surfaceContainerHigh
property color focusedBorderColor: Theme.primary property color focusedBorderColor: Theme.primary
property color normalBorderColor: Theme.outlineMedium property color normalBorderColor: Theme.outlineMedium
property color placeholderColor: Theme.outlineButton property color placeholderColor: Theme.outlineButton