From 03a6210ba77e0b1806c21b1a560e9301ef4f3fe9 Mon Sep 17 00:00:00 2001 From: CyberMind-FR Date: Thu, 12 Mar 2026 15:29:49 +0100 Subject: [PATCH] fix(luci-app-mailserver): Use KissTheme badge classes for port status Replace hardcoded RGBA colors with kiss-badge-green/kiss-badge-red classes for consistent theming of port status indicators. Co-Authored-By: Claude Opus 4.5 --- .../resources/view/mailserver/overview.js | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) diff --git a/package/secubox/luci-app-mailserver/htdocs/luci-static/resources/view/mailserver/overview.js b/package/secubox/luci-app-mailserver/htdocs/luci-static/resources/view/mailserver/overview.js index ac6ddcca..3e2361ae 100644 --- a/package/secubox/luci-app-mailserver/htdocs/luci-static/resources/view/mailserver/overview.js +++ b/package/secubox/luci-app-mailserver/htdocs/luci-static/resources/view/mailserver/overview.js @@ -311,16 +311,12 @@ return view.extend({ return E('div', { 'style': 'display: flex; gap: 12px; flex-wrap: wrap;' }, portList.map(function(p) { var isOpen = ports[p.port]; - return E('div', { - 'style': 'padding: 8px 16px; border-radius: 8px; background: ' + - (isOpen ? 'rgba(0,200,83,0.1)' : 'rgba(255,23,68,0.1)') + - '; border: 1px solid ' + - (isOpen ? 'rgba(0,200,83,0.3)' : 'rgba(255,23,68,0.3)') + - '; min-width: 100px;' + return E('span', { + 'class': 'kiss-badge ' + (isOpen ? 'kiss-badge-green' : 'kiss-badge-red'), + 'style': 'padding: 8px 16px; min-width: 100px; text-align: center;' }, [ - E('div', { 'style': 'font-weight: 600; font-size: 14px; color: ' + - (isOpen ? 'var(--kiss-green)' : 'var(--kiss-red)') }, p.name), - E('div', { 'style': 'font-size: 11px; color: var(--kiss-muted);' }, + E('div', { 'style': 'font-weight: 600; font-size: 13px;' }, p.name), + E('div', { 'style': 'font-size: 11px; opacity: 0.8;' }, 'Port ' + p.port + ' ' + (isOpen ? '\u2713' : '\u2717')) ]); })