Salastil/DankMaterialShell
1
0
Fork 0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2026-06-22 11:05:22 -04:00
Code Packages Releases Activity

feat(wallpaper): support configurable background color (#2671)

Browse Source 
* feat(wallpaper): support configurable background color

* chore(translations): update settings search index

* revert(wallpaper): keep Pad naming instead of Center
This commit is contained in:
Huỳnh Thiện Lộc
2026-06-21 14:57:08 +07:00
committed by GitHub
parent 8610b915ec
commit 4cbe766cbd
9 changed files with 103 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
quickshell/Modules/BlurredWallpaperBackground.qml
+11
View File
@@ -43,6 +43,11 @@ Variants {
id: root
anchors.fill: parent
Rectangle {
anchors.fill: parent
color: SettingsData.effectiveWallpaperBackgroundColor
}
function encodeFileUrl(path) {
if (!path)
return "";
@@ -137,6 +142,12 @@ Variants {
function onWallpaperFillModeChanged() {
root.invalidate();
}
function onWallpaperBackgroundColorModeChanged() {
root.invalidate();
}
function onWallpaperBackgroundCustomColorChanged() {
root.invalidate();
}
}
Connections {
quickshell/Modules/Greetd/GreetdSettings.qml
+20
View File
@@ -79,6 +79,24 @@ Singleton {
property var screenPreferences: ({})
property int animationSpeed: 2
property string wallpaperFillMode: "Fill"
property string wallpaperBackgroundColorMode: "black"
property string wallpaperBackgroundCustomColor: "#000000"
readonly property color effectiveWallpaperBackgroundColor: {
switch (wallpaperBackgroundColorMode) {
case "black":
return "#000000";
case "white":
return "#ffffff";
case "primary":
return (typeof Theme !== "undefined") ? Theme.primary : "#000000";
case "surface":
return (typeof Theme !== "undefined") ? Theme.surfaceContainer : "#000000";
case "custom":
return wallpaperBackgroundCustomColor;
default:
return "#000000";
}
}
function parseSettings(content) {
try {
@@ -147,6 +165,8 @@ Singleton {
screenPreferences = settings.screenPreferences !== undefined ? settings.screenPreferences : ({});
animationSpeed = settings.animationSpeed !== undefined ? settings.animationSpeed : 2;
wallpaperFillMode = settings.wallpaperFillMode !== undefined ? settings.wallpaperFillMode : "Fill";
wallpaperBackgroundColorMode = settings.wallpaperBackgroundColorMode !== undefined ? settings.wallpaperBackgroundColorMode : "black";
wallpaperBackgroundCustomColor = settings.wallpaperBackgroundCustomColor !== undefined ? settings.wallpaperBackgroundCustomColor : "#000000";
if (typeof Theme !== "undefined") {
if (currentThemeName === "custom" && customThemeFile) {
quickshell/Modules/Greetd/GreeterContent.qml
+5
View File
@@ -794,6 +794,11 @@ Item {
}
}
Rectangle {
anchors.fill: parent
color: GreetdSettings.effectiveWallpaperBackgroundColor
}
DankBackdrop {
anchors.fill: parent
screenName: root.screenName
quickshell/Modules/Lock/LockScreenContent.qml
+5
View File
@@ -182,6 +182,11 @@ Item {
}
}
Rectangle {
anchors.fill: parent
color: SettingsData.effectiveWallpaperBackgroundColor
}
Loader {
anchors.fill: parent
active: {
quickshell/Modules/Settings/WallpaperTab.qml
+22
View File
@@ -354,6 +354,28 @@ Item {
}
}
ColorDropdownRow {
tab: "wallpaper"
tags: ["background", "color", "fill", "fit", "custom"]
settingKey: "wallpaperBackgroundColorMode"
text: I18n.tr("Background Color")
description: I18n.tr("Color shown for areas not covered by wallpaper (e.g. Fit or Pad modes)")
visible: root.currentWallpaper !== "" && !root.currentWallpaper.startsWith("#")
dropdownWidth: 220
options: [
{ "value": "black", "label": I18n.tr("Black") },
{ "value": "white", "label": I18n.tr("White") },
{ "value": "primary", "label": I18n.tr("Primary Theme Color") },
{ "value": "surface", "label": I18n.tr("Surface Container") },
{ "value": "custom", "label": I18n.tr("Custom") }
]
currentMode: SettingsData.wallpaperBackgroundColorMode
customColor: SettingsData.wallpaperBackgroundCustomColor || "#000000"
pickerTitle: I18n.tr("Wallpaper Background Color")
onModeSelected: mode => SettingsData.set("wallpaperBackgroundColorMode", mode)
onCustomColorSelected: selectedColor => SettingsData.set("wallpaperBackgroundCustomColor", selectedColor.toString())
}
Rectangle {
width: parent.width
height: 1
quickshell/Modules/WallpaperBackground.qml
+11
View File
@@ -42,6 +42,11 @@ Variants {
id: root
anchors.fill: parent
Rectangle {
anchors.fill: parent
color: SettingsData.effectiveWallpaperBackgroundColor
}
function encodeFileUrl(path) {
if (!path)
return "";
@@ -131,6 +136,12 @@ Variants {
function onWallpaperFillModeChanged() {
root.invalidate();
}
function onWallpaperBackgroundColorModeChanged() {
root.invalidate();
}
function onWallpaperBackgroundCustomColorChanged() {
root.invalidate();
}
}
Connections {