UI adjust + optimize

- adjust about page appearance
- change mode menu shape to round
- enlarge on selected mode
- improve color recognition algorithm
- code optimize

module/webui/scripts/applist.js

@@ -37,7 +37,7 @@ export async function fetchAppList() {
             console.warn("Applist file not found or could not be loaded. Skipping applist lookup.");
         }
 
-        const result = await execCommand('pm list packages -3; pm path com.google.android.gms >/dev/null 2>&1 && echo "package:com.google.android.gms"');
+        const result = await execCommand('pm list packages -3; pm path com.google.android.gms >/dev/null 2>&1 && echo "package:com.google.android.gms" || true');
         const appEntries = result
             .split("\n")
             .map(line => {
@@ -116,7 +116,7 @@ export async function fetchAppList() {
     }
     const checkboxes = appListContainer.querySelectorAll(".checkbox");
     setupRadioButtonListeners();
-    setupCardHoldListener();
+    setupModeMenu();
     updateCheckboxColor();
 }
 
@@ -192,7 +192,7 @@ function setupRadioButtonListeners() {
 }
 
 // Hold to open menu
-function setupCardHoldListener() {
+function setupModeMenu() {
     let holdTimeout;
     function showMode(card) {
         const modeElement = card.querySelector(".mode");
@@ -229,7 +229,6 @@ function setupCardHoldListener() {
         card.addEventListener("pointercancel", () => clearTimeout(holdTimeout));
     });
 
-    // Close on click/scroll
     document.addEventListener("click", (event) => {
         if (!event.target.closest(".mode") || modeOverlay.contains(event.target)) {
             hideAllModes();

module/webui/scripts/main.js

@@ -219,7 +219,7 @@ function applyRippleEffect() {
                     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) < 128; // Luma formula
+                    return (r * 0.299 + g * 0.587 + b * 0.114) < 96; // Luma formula
                 };
                 ripple.style.backgroundColor = isDarkColor(bgColor) ? "rgba(255, 255, 255, 0.2)" : "";