br0kenpixel/Tricky-Addon-Update-Target-List
1
0
Fork 0
mirror of https://github.com/KOWX712/Tricky-Addon-Update-Target-List.git synced 2025-09-06 06:37:09 +00:00
Code Issues Packages Projects Releases 1 Wiki Activity

opt: adapt with custom background Webui X

Browse Source
This commit is contained in:
KOWX712
2025-05-13 19:25:42 +08:00
parent bf366b5c33
commit cd10bd2d92
6 changed files with 32 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
module/webui/scripts/main.js
View File

@@ -256,16 +256,26 @@ export function applyRippleEffect() {
ripple.style.animationDuration = `${duration}s`;
ripple.style.transition = `opacity ${duration}s ease`;
// Adaptive color
const computedStyle = window.getComputedStyle(element);
const bgColor = computedStyle.backgroundColor || "rgba(0, 0, 0, 0)";
// Get effective background color (traverse up if transparent)
const getEffectiveBackgroundColor = (el) => {
while (el && el !== document.documentElement) {
const bg = window.getComputedStyle(el).backgroundColor;
if (bg && bg !== "rgba(0, 0, 0, 0)" && bg !== "transparent") {
return bg;
}
el = el.parentElement;
}
return "rgba(255, 255, 255, 1)";
};
const bgColor = getEffectiveBackgroundColor(element);
const isDarkColor = (color) => {
const rgb = color.match(/\d+/g);
if (!rgb) return false;
const [r, g, b] = rgb.map(Number);
return (r * 0.299 + g * 0.587 + b * 0.114) < 96; // Luma formula
};
ripple.style.backgroundColor = isDarkColor(bgColor) ? "rgba(255, 255, 255, 0.2)" : "";
ripple.style.backgroundColor = isDarkColor(bgColor) ? "rgba(255, 255, 255, 0.2)" : "rgba(0, 0, 0, 0.2)";
// Append ripple if not scrolling
await new Promise(resolve => setTimeout(resolve, 80));