From 76ec8f9bb5444984d83fc781d0ade2d4c1778d92 Mon Sep 17 00:00:00 2001 From: "Rodrigo Rodriguez (Pragmatismo)" Date: Sat, 28 Feb 2026 10:58:17 -0300 Subject: [PATCH] fix: resolve background grid hardcoded colours and stray inline hex values --- ui/suite/partials/desktop-inner.html | 4 +-- ui/suite/partials/vibe.html | 42 ++++++++++++++-------------- 2 files changed, 23 insertions(+), 23 deletions(-) diff --git a/ui/suite/partials/desktop-inner.html b/ui/suite/partials/desktop-inner.html index b58b967..3011e82 100644 --- a/ui/suite/partials/desktop-inner.html +++ b/ui/suite/partials/desktop-inner.html @@ -201,7 +201,7 @@ .bg-grid { position: absolute; inset: 0; - background-image: linear-gradient(to right, var(--border, #f0fdf4) 1px, transparent 1px), linear-gradient(to bottom, var(--border, #f0fdf4) 1px, transparent 1px); + background-image: linear-gradient(to right, var(--surface-hover, #f0fdf4) 1px, transparent 1px), linear-gradient(to bottom, var(--surface-hover, #f0fdf4) 1px, transparent 1px); background-size: 40px 40px; z-index: 0; pointer-events: none; @@ -221,7 +221,7 @@ .bg-svg path { fill: none; - stroke: var(--border, #e6f2eb); + stroke: var(--surface-hover, #e6f2eb); stroke-width: 45; stroke-linecap: round; stroke-linejoin: round; diff --git a/ui/suite/partials/vibe.html b/ui/suite/partials/vibe.html index ad62235..6a780ac 100644 --- a/ui/suite/partials/vibe.html +++ b/ui/suite/partials/vibe.html @@ -136,7 +136,7 @@
+ style="background: var(--bg, #fdfdfd); background-image: radial-gradient(var(--border) 1px, transparent 1px); background-size: 20px 20px; position:relative;">
@@ -187,12 +187,12 @@
+ style="position: absolute; bottom: 24px; right: 24px; width: 380px; background: var(--surface); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.2); display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--border); color: var(--bg, #fff); z-index: 100;">
+ style="padding: 12px 16px; background: var(--surface-hover); border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center;">
+ style="box-shadow: 0 0 8px var(--accent, #84d669);"> Mantis #1
-
+
+ style="display: flex; align-items: center; gap: 8px; background: var(--surface-hover); padding: 8px 12px; border-radius: 20px; border: 1px solid #333;"> 📎 + style="background: var(--accent, #84d669); color: var(--surface); width: 24px; height: 24px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; font-weight: bold; border: none;">↑
@@ -262,13 +262,13 @@ if (!box) return; var div = document.createElement("div"); if (role === "user") { - div.style.cssText = "align-self:flex-end;background:#84d669;color:#1a1a24;font-weight:500;padding:10px 14px;border-radius:12px 12px 0 12px;max-width:85%;word-wrap:break-word;"; + div.style.cssText = "align-self:flex-end;background:var(--accent, #84d669);color:var(--surface);font-weight:500;padding:10px 14px;border-radius:12px 12px 0 12px;max-width:85%;word-wrap:break-word;"; div.textContent = text; } else if (role === "system") { div.style.cssText = "align-self:center;background:rgba(132,214,105,0.12);color: var(--accent, #84d669);padding:6px 12px;border-radius:8px;font-size:11px;text-align:center;"; div.innerHTML = text; } else { - div.style.cssText = "align-self:flex-start;background: var(--border, #2a2a35);color:#ececec;padding:10px 14px;border-radius:12px 12px 12px 0;max-width:85%;word-wrap:break-word;"; + div.style.cssText = "align-self:flex-start;background: var(--border);color:#ececec;padding:10px 14px;border-radius:12px 12px 12px 0;max-width:85%;word-wrap:break-word;"; div.className = "vibe-bot-msg"; if (typeof marked !== "undefined" && marked.parse) { div.innerHTML = marked.parse(text); @@ -322,14 +322,14 @@ var dot = document.getElementById("vibeChatStatusDot"); var badge = document.getElementById("vibeChatStatusBadge"); if (status === "connected") { - if (dot) { dot.className = "as-status-dot green"; dot.style.boxShadow = "0 0 8px #84d669"; } - if (badge) { badge.textContent = "EVOLVED"; badge.style.background = "#84d669"; badge.style.color = "#fff"; } + if (dot) { dot.className = "as-status-dot green"; dot.style.boxShadow = "0 0 8px var(--accent, #84d669)"; } + if (badge) { badge.textContent = "EVOLVED"; badge.style.background = "var(--accent, #84d669)"; badge.style.color = "var(--bg, #fff)"; } } else if (status === "connecting") { if (dot) { dot.className = "as-status-dot yellow"; dot.style.boxShadow = "0 0 8px #f59e0b"; } - if (badge) { badge.textContent = "CONNECTING…"; badge.style.background = "#333"; badge.style.color = "#888"; } + if (badge) { badge.textContent = "CONNECTING…"; badge.style.background = "#333"; badge.style.color = "var(--text-muted, #888)"; } } else { if (dot) { dot.className = "as-status-dot red"; dot.style.boxShadow = "0 0 8px #ef4444"; } - if (badge) { badge.textContent = "OFFLINE"; badge.style.background = "#333"; badge.style.color = "#888"; } + if (badge) { badge.textContent = "OFFLINE"; badge.style.background = "#333"; badge.style.color = "var(--text-muted, #888)"; } } } @@ -347,7 +347,7 @@ card.appendChild(barWrapper); } } else if (status === "done") { - card.style.borderLeftColor = "#84d669"; + card.style.borderLeftColor = "var(--accent, #84d669)"; bar = card.querySelector(".as-bar-fill"); if (bar) bar.style.width = "100%"; setTimeout(function () { @@ -375,12 +375,12 @@ var isFirst = stepsContainer.children.length === 0; var nodeId = "vibe-node-" + nodeIdCounter; - var statusBg = status === "Done" ? "#84d669" : (status === "Planning" ? "#eef8eb" : "#fff3cd"); - var statusColor = status === "Done" ? "#fff" : (status === "Planning" ? "#84d669" : "#856404"); + var statusBg = status === "Done" ? "var(--accent, #84d669)" : (status === "Planning" ? "var(--success-light, #eef8eb)" : "var(--warning-light, var(--bg, #fff)3cd)"); + var statusColor = status === "Done" ? "var(--bg, #fff)" : (status === "Planning" ? "var(--accent, #84d669)" : "var(--warning, #856404)"); var subTasksHtml = ""; if (fileList.length > 0) { - subTasksHtml = '