From a8f6408e582c6e9b369fecd884b69fc3c9e38ec8 Mon Sep 17 00:00:00 2001 From: CyberMind-FR Date: Fri, 13 Mar 2026 07:30:20 +0100 Subject: [PATCH] refactor(luci-app-secubox-admin): Convert dashboard to KissTheme CSS variables - Replace hardcoded rgba() colors with var(--kiss-purple), var(--kiss-text), var(--kiss-muted) - Use color-mix() for transparent purple backgrounds and borders in service links - Consistent styling with KissTheme design system Co-Authored-By: Claude Opus 4.5 --- .../luci-static/resources/view/secubox-admin/dashboard.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package/secubox/luci-app-secubox-admin/htdocs/luci-static/resources/view/secubox-admin/dashboard.js b/package/secubox/luci-app-secubox-admin/htdocs/luci-static/resources/view/secubox-admin/dashboard.js index f7386fd5..06577f88 100644 --- a/package/secubox/luci-app-secubox-admin/htdocs/luci-static/resources/view/secubox-admin/dashboard.js +++ b/package/secubox/luci-app-secubox-admin/htdocs/luci-static/resources/view/secubox-admin/dashboard.js @@ -307,13 +307,13 @@ return view.extend({ 'target': '_blank', 'class': 'service-link', 'style': 'display:inline-flex;align-items:center;gap:8px;padding:10px 16px;' + - 'background:rgba(102,126,234,0.1);border:1px solid rgba(102,126,234,0.3);' + - 'border-radius:8px;text-decoration:none;color:#e0e0e0;font-size:14px;' + + 'background:color-mix(in srgb, var(--kiss-purple) 10%, transparent);border:1px solid color-mix(in srgb, var(--kiss-purple) 30%, transparent);' + + 'border-radius:8px;text-decoration:none;color:var(--kiss-text);font-size:14px;' + 'transition:all 0.2s;margin:4px;' }, [ E('span', { 'style': 'font-size:18px;' }, svc.icon || '⚡'), E('span', {}, svc.name), - E('span', { 'style': 'color:#888;font-size:12px;' }, ':' + svc.port) + E('span', { 'style': 'color:var(--kiss-muted);font-size:12px;' }, ':' + svc.port) ])); }); }