@ltm-blueverse/alpha-semantic-hub 0.7.0 → 0.7.2

package/explorer/src/ui/primitives.css

@@ -9,7 +9,7 @@
   padding: 20px;
   background:
     radial-gradient(circle at top, rgba(255, 107, 129, 0.08), transparent 24%),
-    linear-gradient(180deg, rgba(10, 5, 8, 0.94), rgba(3, 7, 14, 0.98));
+    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.98));
 }
 
 .sem-workspace-frame > :last-child {
@@ -30,9 +30,9 @@
   border-radius: 16px;
   border: 1px solid var(--panel-border);
   background:
-    linear-gradient(180deg, rgba(10, 5, 9, 0.88), rgba(14, 7, 11, 0.72)),
+    linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.72)),
     radial-gradient(circle at top right, rgba(255, 179, 109, 0.08), transparent 28%);
-  box-shadow: var(--shadow-strong), inset 0 1px 0 rgba(255,255,255,0.04);
+  box-shadow: var(--shadow-strong), inset 0 1px 0 rgba(28, 20, 24,0.04);
   backdrop-filter: blur(18px);
   -webkit-backdrop-filter: blur(18px);
 }
@@ -102,15 +102,15 @@
   border-radius: 14px;
   border: 1px solid var(--panel-border);
   background:
-    linear-gradient(180deg, rgba(11, 6, 9, 0.84), rgba(12, 6, 9, 0.72)),
+    linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.72)),
     radial-gradient(circle at top, rgba(255, 107, 129, 0.05), transparent 34%);
-  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255,255,255,0.04);
+  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(28, 20, 24,0.04);
   backdrop-filter: blur(18px);
   -webkit-backdrop-filter: blur(18px);
 }
 
 .sem-surface--subtle {
-  background: linear-gradient(180deg, rgba(11, 6, 9, 0.7), rgba(11, 5, 8, 0.52));
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.52));
 }
 
 .sem-surface--accent {
@@ -165,19 +165,19 @@
   border-radius: 999px;
   border: 1px solid rgba(255, 107, 129, 0.16);
   background: rgba(255, 107, 129, 0.08);
-  color: #ff9aab;
+  color: #481f26;
   font-size: 12px;
   font-weight: 700;
 }
 
 .sem-chip--warm {
-  color: #ffce97;
+  color: #a04d0a;
   border-color: rgba(255, 179, 109, 0.16);
   background: rgba(255, 179, 109, 0.08);
 }
 
 .sem-chip--success {
-  color: #8bf0bf;
+  color: #1c9e5c;
   border-color: rgba(80, 210, 159, 0.16);
   background: rgba(80, 210, 159, 0.08);
 }
@@ -192,7 +192,7 @@
   border-radius: 12px;
   border: 1px solid rgba(255, 138, 153, 0.12);
   background: rgba(0, 0, 0, 0.18);
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
+  box-shadow: inset 0 1px 0 rgba(28, 20, 24,0.03);
 }
 
 .sem-command-group {
@@ -208,7 +208,7 @@
   padding: 4px;
   border-radius: 999px;
   border: 1px solid rgba(255, 138, 153, 0.12);
-  background: rgba(10, 5, 8, 0.58);
+  background: rgba(255, 255, 255, 0.58);
 }
 
 .sem-button,
@@ -232,15 +232,15 @@
 .sem-button {
   color: white;
   border: 1px solid rgba(255, 107, 129, 0.2);
-  background: linear-gradient(180deg, rgba(53, 130, 245, 0.3), rgba(25, 88, 185, 0.18));
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
+  background: linear-gradient(180deg, rgba(255, 45, 75, 0.3), rgba(212, 23, 54, 0.18));
+  box-shadow: inset 0 1px 0 rgba(28, 20, 24,0.05);
   font-weight: 700;
 }
 
 .sem-button-secondary {
-  color: #d8e8fb;
-  border: 1px solid rgba(255, 255, 255, 0.06);
-  background: rgba(255, 255, 255, 0.035);
+  color: #16212e;
+  border: 1px solid rgba(28, 20, 24, 0.06);
+  background: rgba(28, 20, 24, 0.035);
   font-weight: 600;
 }
 
@@ -258,7 +258,7 @@
 }
 
 .sem-segmented button[data-active="true"] {
-  background: linear-gradient(180deg, rgba(53, 130, 245, 0.34), rgba(25, 88, 185, 0.2));
+  background: linear-gradient(180deg, rgba(255, 45, 75, 0.34), rgba(212, 23, 54, 0.2));
   border-color: rgba(255, 138, 153, 0.2);
 }
 
@@ -271,7 +271,7 @@
   background: rgba(0, 0, 0, 0.22);
   color: var(--text-1);
   padding: 12px 14px;
-  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
+  box-shadow: inset 0 1px 0 rgba(28, 20, 24,0.03);
 }
 
 .sem-input::placeholder,
@@ -329,7 +329,7 @@
   padding: 14px;
   border-radius: 16px;
   border: 1px solid rgba(255, 138, 153, 0.08);
-  background: rgba(255, 255, 255, 0.025);
+  background: rgba(28, 20, 24, 0.025);
   color: var(--text-1);
   transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
   cursor: pointer;
@@ -343,7 +343,7 @@
 
 .sem-list-item[data-active="true"] {
   border-color: rgba(255, 138, 153, 0.22);
-  background: linear-gradient(180deg, rgba(53, 130, 245, 0.18), rgba(25, 88, 185, 0.1));
+  background: linear-gradient(180deg, rgba(255, 45, 75, 0.18), rgba(212, 23, 54, 0.1));
 }
 
 .sem-table {
@@ -358,12 +358,12 @@
   font-size: 12px;
   font-weight: 700;
   padding: 10px 12px;
-  border-bottom: 1px solid rgba(255,255,255,0.08);
+  border-bottom: 1px solid rgba(28, 20, 24,0.08);
 }
 
 .sem-table td {
   padding: 12px;
-  border-bottom: 1px solid rgba(255,255,255,0.05);
+  border-bottom: 1px solid rgba(28, 20, 24,0.05);
   font-size: 13px;
 }
 
@@ -389,7 +389,7 @@
     linear-gradient(rgba(255, 45, 75, 0.028) 1px, transparent 1px),
     linear-gradient(90deg, rgba(255, 45, 75, 0.028) 1px, transparent 1px),
     radial-gradient(circle at top, rgba(255, 45, 75, 0.1), transparent 24%),
-    linear-gradient(180deg, rgba(10, 5, 8, 0.94), rgba(6, 3, 5, 0.98));
+    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.98));
   background-size: 44px 44px, 44px 44px, 100% 100%, 100% 100%;
 }
 .sem-section-title {
@@ -401,10 +401,10 @@
   text-transform: uppercase;
   letter-spacing: 0.06em;
   font-size: 12px;
-  box-shadow: 0 0 18px rgba(255, 45, 75, 0.18), inset 0 1px 0 rgba(255,255,255,0.05);
+  box-shadow: 0 0 18px rgba(255, 45, 75, 0.18), inset 0 1px 0 rgba(28, 20, 24,0.05);
 }
 .sem-button:hover {
-  box-shadow: 0 0 26px rgba(255, 45, 75, 0.4), inset 0 1px 0 rgba(255,255,255,0.05);
+  box-shadow: 0 0 26px rgba(255, 45, 75, 0.4), inset 0 1px 0 rgba(28, 20, 24,0.05);
 }
 .sem-chip {
   border-radius: 6px;

package/explorer/src/workspaces/DecisionWorkspace/DecisionWorkspace.tsx

@@ -5,10 +5,10 @@ type OutcomeKind = "approved" | "rejected" | "deferred" | "pending" | string;
 
 function outcomeColor(outcome: string) {
   const o = (outcome ?? "").toLowerCase();
-  if (o.includes("approv") || o.includes("accept")) return { color: "#6ee7b7", bg: "var(--ws-green-soft)", border: "rgba(76,195,138,0.3)" };
-  if (o.includes("reject") || o.includes("denied") || o.includes("fail"))  return { color: "#fca5a5", bg: "var(--ws-red-soft)",   border: "rgba(255,123,114,0.3)" };
-  if (o.includes("defer") || o.includes("pending") || o.includes("review")) return { color: "#fbbf24", bg: "var(--ws-amber-soft)", border: "rgba(242,182,109,0.3)" };
-  return { color: "var(--ws-text-muted)", bg: "rgba(255,255,255,0.04)", border: "rgba(255,255,255,0.1)" };
+  if (o.includes("approv") || o.includes("accept")) return { color: "#0f8f6e", bg: "var(--ws-green-soft)", border: "rgba(76,195,138,0.3)" };
+  if (o.includes("reject") || o.includes("denied") || o.includes("fail"))  return { color: "#4e2121", bg: "var(--ws-red-soft)",   border: "rgba(255,123,114,0.3)" };
+  if (o.includes("defer") || o.includes("pending") || o.includes("review")) return { color: "#b45309", bg: "var(--ws-amber-soft)", border: "rgba(242,182,109,0.3)" };
+  return { color: "var(--ws-text-muted)", bg: "rgba(28, 20, 24,0.04)", border: "rgba(28, 20, 24,0.1)" };
 }
 
 function OutcomeBadge({ outcome }: { outcome: OutcomeKind }) {
@@ -28,7 +28,7 @@ interface ChainStep {
   [key: string]: unknown;
 }
 
-const NODE_ACCENTS = ["#ff2d4b","#4cc38a","#ff7a45","#c084fc","#ff7b72","#38bdf8","#a78bfa"];
+const NODE_ACCENTS = ["#ff2d4b","#1f9d5f","#e86a2e","#8b5cf6","#ec2315","#0284c7","#7c3aed"];
 
 function ChainNode({ step, index }: { step: ChainStep; index: number }) {
   const accent = NODE_ACCENTS[index % NODE_ACCENTS.length];
@@ -211,7 +211,7 @@ export function DecisionWorkspace() {
                     className={`ws-list-item${active ? " ws-list-item--active" : ""}`}
                     onClick={() => void loadChain(d)}
                   >
-                    <div style={{ fontWeight: 700, fontSize: 12, marginBottom: 5, color: active ? "#ffeef1" : "var(--ws-text)" }}>
+                    <div style={{ fontWeight: 700, fontSize: 12, marginBottom: 5, color: active ? "#2d161a" : "var(--ws-text)" }}>
                       {d.decision_id}
                     </div>
                     <div style={{ display: "flex", alignItems: "center", gap: 5, flexWrap: "wrap" }}>
@@ -231,7 +231,7 @@ export function DecisionWorkspace() {
         <div style={{ position: "absolute", inset: 0, background: "radial-gradient(ellipse 60% 40% at 70% 20%, rgba(255,45,75,0.04), transparent 55%)", pointerEvents: "none" }} />
 
         {error ? (
-          <div style={{ padding: 12, borderRadius: 14, color: "#ffb4c2", background: "rgba(255,157,175,0.1)", border: "1px solid rgba(255,157,175,0.18)", margin: "16px 16px 0 16px", zIndex: 2, position: "relative" }}>
+          <div style={{ padding: 12, borderRadius: 14, color: "#e98498", background: "rgba(255,157,175,0.1)", border: "1px solid rgba(255,157,175,0.18)", margin: "16px 16px 0 16px", zIndex: 2, position: "relative" }}>
             {error}
           </div>
         ) : null}

package/explorer/src/workspaces/DiffMergeWorkspace/DiffMergeWorkspace.tsx

@@ -80,13 +80,13 @@ export function DiffMergeWorkspace() {
           <div style={{ display: "grid", gridTemplateColumns: "140px 1fr 1fr", background: "rgba(0,0,0,0.28)", borderBottom: "1px solid var(--ws-border)" }}>
             <div style={{ padding: "10px 16px", fontSize: 11, fontWeight: 700, color: "var(--ws-text-dim)", letterSpacing: "0.08em", textTransform: "uppercase" }}>Field</div>
             <div style={{ padding: "10px 16px", fontSize: 11, fontWeight: 700, color: "var(--ws-accent)", letterSpacing: "0.08em", textTransform: "uppercase", borderLeft: "1px solid var(--ws-border)" }}>Primary (keep)</div>
-            <div style={{ padding: "10px 16px", fontSize: 11, fontWeight: 700, color: "#fca5a5", letterSpacing: "0.08em", textTransform: "uppercase", borderLeft: "1px solid var(--ws-border)" }}>Duplicate (remove)</div>
+            <div style={{ padding: "10px 16px", fontSize: 11, fontWeight: 700, color: "#4e2121", letterSpacing: "0.08em", textTransform: "uppercase", borderLeft: "1px solid var(--ws-border)" }}>Duplicate (remove)</div>
           </div>
           {MOCK_FIELDS.map((row) => (
             <div key={row.label} style={{ display: "grid", gridTemplateColumns: "140px 1fr 1fr", borderBottom: "1px solid rgba(255,45,75,0.06)", background: row.differs ? "rgba(242,182,109,0.03)" : "transparent" }}>
               <div style={{ padding: "12px 16px", fontSize: 12, fontWeight: 600, color: "var(--ws-text-dim)" }}>{row.label}</div>
               <div style={{ padding: "12px 16px", fontSize: 13, color: "var(--ws-text)", borderLeft: "1px solid var(--ws-border)" }}>{row.primary}</div>
-              <div style={{ padding: "12px 16px", fontSize: 13, color: row.differs ? "#fbbf24" : "var(--ws-text)", fontWeight: row.differs ? 700 : 400, borderLeft: "1px solid var(--ws-border)" }}>
+              <div style={{ padding: "12px 16px", fontSize: 13, color: row.differs ? "#b45309" : "var(--ws-text)", fontWeight: row.differs ? 700 : 400, borderLeft: "1px solid var(--ws-border)" }}>
                 {row.duplicate}
                 {row.differs && <span className="ws-pill ws-pill--amber" style={{ marginLeft: 8, fontSize: 9 }}>diff</span>}
               </div>
@@ -97,12 +97,12 @@ export function DiffMergeWorkspace() {
         {/* Status & action */}
         <div style={{ display: "flex", alignItems: "center", gap: 12 }}>
           {status === "success" && (
-            <div style={{ display: "flex", alignItems: "center", gap: 7, color: "#6ee7b7", fontSize: 13 }}>
+            <div style={{ display: "flex", alignItems: "center", gap: 7, color: "#0f8f6e", fontSize: 13 }}>
               <CheckCircle2 size={15} />{msg}
             </div>
           )}
           {status === "error" && (
-            <div style={{ display: "flex", alignItems: "center", gap: 7, color: "#fca5a5", fontSize: 13 }}>
+            <div style={{ display: "flex", alignItems: "center", gap: 7, color: "#4e2121", fontSize: 13 }}>
               <AlertCircle size={15} />{msg}
             </div>
           )}

package/explorer/src/workspaces/EnrichWorkspace/EntityResolutionTab.tsx

@@ -58,10 +58,10 @@ function parseDuplicates(raw: RawDuplicateItem[]): DedupPair[] {
 
 function ScoreBar({ score }: { score: number }) {
   const pct = Math.min(100, Math.round(score * 100));
-  const color = score >= 0.9 ? "#ff7b72" : score >= 0.75 ? "#ff7a45" : "#4cc38a";
+  const color = score >= 0.9 ? "#ec2315" : score >= 0.75 ? "#e86a2e" : "#1f9d5f";
   return (
     <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
-      <div style={{ flex: 1, height: 4, borderRadius: 999, background: "rgba(255,255,255,0.06)", overflow: "hidden" }}>
+      <div style={{ flex: 1, height: 4, borderRadius: 999, background: "rgba(28, 20, 24,0.06)", overflow: "hidden" }}>
         <div style={{ width: `${pct}%`, height: "100%", borderRadius: 999, background: color, transition: "width 300ms ease" }} />
       </div>
       <span style={{ fontSize: 11, fontWeight: 700, color, minWidth: 34, textAlign: "right" }}>
@@ -101,7 +101,7 @@ function PairRow({
         <div style={{ flex: 1, minWidth: 0 }}>
           <div style={{ display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap" }}>
             <span style={entityChipStyle}>{pair.a.label || pair.a.id}</span>
-            <span style={{ color: "#ff7a45", fontSize: 12, fontWeight: 700 }}>≈</span>
+            <span style={{ color: "#e86a2e", fontSize: 12, fontWeight: 700 }}>≈</span>
             <span style={entityChipStyle}>{pair.b.label || pair.b.id}</span>
           </div>
           <div style={{ marginTop: 8 }}>
@@ -118,7 +118,7 @@ function PairRow({
               ...actionBtnStyle,
               background: "rgba(76,195,138,0.12)",
               border: "1px solid rgba(76,195,138,0.28)",
-              color: "#4cc38a",
+              color: "#1f9d5f",
             }}
           >
             {merging ? <Loader2 size={12} className="animate-spin" /> : <GitMerge size={12} />}
@@ -135,13 +135,13 @@ function PairRow({
         <div style={{ marginTop: 12, display: "grid", gridTemplateColumns: "1fr 1fr", gap: 10 }}>
           {[
             { label: "Primary (keep)", entity: pair.a, accentColor: "#ff2d4b" },
-            { label: "Duplicate (remove)", entity: pair.b, accentColor: "#ff7b72" },
+            { label: "Duplicate (remove)", entity: pair.b, accentColor: "#ec2315" },
           ].map(({ label, entity, accentColor }) => (
             <div key={entity.id} style={{ ...diffCardStyle, borderColor: `${accentColor}33` }}>
               <div style={{ color: accentColor, fontSize: 10, fontWeight: 700, letterSpacing: "0.06em", textTransform: "uppercase", marginBottom: 6 }}>
                 {label}
               </div>
-              <div style={{ color: "#ffeaed", fontSize: 13, fontWeight: 600 }}>{entity.label || entity.id}</div>
+              <div style={{ color: "#2d1619", fontSize: 13, fontWeight: 600 }}>{entity.label || entity.id}</div>
               <div style={{ color: "#b08b93", fontSize: 11, marginTop: 3 }}>{entity.type}</div>
               <div style={{ color: "#9c7a82", fontSize: 10, marginTop: 4, fontFamily: "monospace" }}>{entity.id}</div>
             </div>
@@ -224,9 +224,9 @@ export function EntityResolutionTab() {
       {/* Header */}
       <div style={headerStyle}>
         <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
-          <ScanSearch size={18} color="#ff7a45" />
+          <ScanSearch size={18} color="#e86a2e" />
           <div>
-            <div style={{ color: "#fff0f2", fontSize: 16, fontWeight: 700 }}>Entity Resolution</div>
+            <div style={{ color: "#2d1619", fontSize: 16, fontWeight: 700 }}>Entity Resolution</div>
             <div style={{ color: "#b08b93", fontSize: 12 }}>Detect and merge duplicate entities in the knowledge graph</div>
           </div>
         </div>
@@ -237,8 +237,8 @@ export function EntityResolutionTab() {
         <div style={{ display: "flex", alignItems: "center", gap: 16, flexWrap: "wrap" }}>
           <div style={{ flex: 1, minWidth: 240 }}>
             <div style={{ display: "flex", justifyContent: "space-between", marginBottom: 6 }}>
-              <label style={{ color: "#f0cdd3", fontSize: 12, fontWeight: 600 }}>Similarity Threshold</label>
-              <span style={{ color: "#ff7a45", fontSize: 12, fontWeight: 700 }}>{threshold.toFixed(2)}</span>
+              <label style={{ color: "#602b34", fontSize: 12, fontWeight: 600 }}>Similarity Threshold</label>
+              <span style={{ color: "#e86a2e", fontSize: 12, fontWeight: 700 }}>{threshold.toFixed(2)}</span>
             </div>
             <input
               type="range"
@@ -247,7 +247,7 @@ export function EntityResolutionTab() {
               step={0.01}
               value={threshold}
               onChange={(e) => setThreshold(parseFloat(e.target.value))}
-              style={{ width: "100%", accentColor: "#ff7a45", cursor: "pointer" }}
+              style={{ width: "100%", accentColor: "#e86a2e", cursor: "pointer" }}
             />
             <div style={{ display: "flex", justifyContent: "space-between", color: "#9c7a82", fontSize: 10, marginTop: 2 }}>
               <span>More results (0.50)</span>
@@ -264,7 +264,7 @@ export function EntityResolutionTab() {
           </button>
         </div>
         {scanError ? (
-          <div style={{ color: "#ff7b72", fontSize: 12, marginTop: 8 }}>{scanError}</div>
+          <div style={{ color: "#ec2315", fontSize: 12, marginTop: 8 }}>{scanError}</div>
         ) : null}
       </div>
 
@@ -310,9 +310,9 @@ export function EntityResolutionTab() {
             <div style={{ display: "flex", flexDirection: "column", gap: 6 }}>
               {mergeHistory.map((entry) => (
                 <div key={entry.id} style={historyRowStyle}>
-                  <GitMerge size={11} color="#ff7a45" />
+                  <GitMerge size={11} color="#e86a2e" />
                   <div style={{ flex: 1, minWidth: 0 }}>
-                    <div style={{ color: "#f0cdd3", fontSize: 11, fontWeight: 500, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
+                    <div style={{ color: "#602b34", fontSize: 11, fontWeight: 500, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>
                       {entry.summary}
                     </div>
                     <div style={{ color: "#9c7a82", fontSize: 10 }}>
@@ -336,7 +336,7 @@ const shellStyle: React.CSSProperties = {
   flexDirection: "column",
   width: "100%",
   height: "100%",
-  background: "#0a0508",
+  background: "#fdfcfc",
   overflow: "hidden",
 };
 
@@ -350,7 +350,7 @@ const controlsCardStyle: React.CSSProperties = {
   margin: "16px 24px",
   padding: "16px 20px",
   borderRadius: 14,
-  background: "linear-gradient(135deg, rgba(13,17,23,0.75), rgba(22,27,34,0.6))",
+  background: "linear-gradient(135deg, rgba(255, 255, 255,0.75), rgba(255, 255, 255,0.6))",
   border: "1px solid rgba(242,182,109,0.18)",
   flexShrink: 0,
 };
@@ -363,7 +363,7 @@ const scanBtnStyle: React.CSSProperties = {
   borderRadius: 10,
   background: "linear-gradient(135deg, rgba(242,182,109,0.22), rgba(242,182,109,0.1))",
   border: "1px solid rgba(242,182,109,0.32)",
-  color: "#ff7a45",
+  color: "#e86a2e",
   fontSize: 13,
   fontWeight: 700,
   cursor: "pointer",
@@ -373,17 +373,17 @@ const scanBtnStyle: React.CSSProperties = {
 const pairCardStyle: React.CSSProperties = {
   padding: "12px 14px",
   borderRadius: 12,
-  background: "linear-gradient(135deg, rgba(13,17,23,0.6), rgba(22,27,34,0.4))",
-  border: "1px solid rgba(255,255,255,0.07)",
+  background: "linear-gradient(135deg, rgba(255, 255, 255,0.6), rgba(255, 255, 255,0.4))",
+  border: "1px solid rgba(28, 20, 24,0.07)",
 };
 
 const entityChipStyle: React.CSSProperties = {
   display: "inline-block",
   padding: "4px 10px",
   borderRadius: 8,
-  background: "rgba(255,255,255,0.04)",
-  border: "1px solid rgba(255,255,255,0.08)",
-  color: "#ffeaed",
+  background: "rgba(28, 20, 24,0.04)",
+  border: "1px solid rgba(28, 20, 24,0.08)",
+  color: "#2d1619",
   fontSize: 12,
   fontWeight: 600,
 };
@@ -419,7 +419,7 @@ const diffCardStyle: React.CSSProperties = {
 
 const historyPanelStyle: React.CSSProperties = {
   width: 240,
-  borderLeft: "1px solid rgba(255,255,255,0.06)",
+  borderLeft: "1px solid rgba(28, 20, 24,0.06)",
   padding: "16px 16px",
   overflowY: "auto",
   flexShrink: 0,
@@ -430,7 +430,7 @@ const historyRowStyle: React.CSSProperties = {
   alignItems: "flex-start",
   gap: 7,
   padding: "8px 0",
-  borderBottom: "1px solid rgba(255,255,255,0.04)",
+  borderBottom: "1px solid rgba(28, 20, 24,0.04)",
 };
 
 const emptyStateStyle: React.CSSProperties = {

package/explorer/src/workspaces/EnrichWorkspace/RegistryTab.tsx

@@ -13,14 +13,14 @@ const OP_META: Record<
   { label: string; color: string; bg: string; border: string }
 > = {
   import:       { label: "IMPORT",       color: "#ff2d4b", bg: "rgba(255,45,75,0.12)",  border: "rgba(255,45,75,0.28)" },
-  export:       { label: "EXPORT",       color: "#c99aa3", bg: "rgba(143,168,198,0.08)", border: "rgba(143,168,198,0.18)" },
-  merge:        { label: "MERGE",        color: "#ff7a45", bg: "rgba(242,182,109,0.12)", border: "rgba(242,182,109,0.28)" },
-  "add-node":   { label: "ADD NODE",     color: "#4cc38a", bg: "rgba(76,195,138,0.12)",  border: "rgba(76,195,138,0.28)" },
-  "update-node": { label: "UPDATE NODE",  color: "#ff8fa0", bg: "rgba(121,192,255,0.10)", border: "rgba(121,192,255,0.24)" },
-  "add-edge":   { label: "ADD EDGE",     color: "#4cc38a", bg: "rgba(76,195,138,0.10)",  border: "rgba(76,195,138,0.22)" },
-  delete:       { label: "DELETE",       color: "#ff7b72", bg: "rgba(255,123,114,0.12)", border: "rgba(255,123,114,0.28)" },
-  infer:        { label: "INFER",        color: "#d2a8ff", bg: "rgba(210,168,255,0.12)", border: "rgba(210,168,255,0.28)" },
-  "vocab-import": { label: "VOCAB",      color: "#ff8fa0", bg: "rgba(121,192,255,0.12)", border: "rgba(121,192,255,0.28)" },
+  export:       { label: "EXPORT",       color: "#aa485b", bg: "rgba(143,168,198,0.08)", border: "rgba(143,168,198,0.18)" },
+  merge:        { label: "MERGE",        color: "#e86a2e", bg: "rgba(242,182,109,0.12)", border: "rgba(242,182,109,0.28)" },
+  "add-node":   { label: "ADD NODE",     color: "#1f9d5f", bg: "rgba(76,195,138,0.12)",  border: "rgba(76,195,138,0.28)" },
+  "update-node": { label: "UPDATE NODE",  color: "#d9455e", bg: "rgba(121,192,255,0.10)", border: "rgba(121,192,255,0.24)" },
+  "add-edge":   { label: "ADD EDGE",     color: "#1f9d5f", bg: "rgba(76,195,138,0.10)",  border: "rgba(76,195,138,0.22)" },
+  delete:       { label: "DELETE",       color: "#ec2315", bg: "rgba(255,123,114,0.12)", border: "rgba(255,123,114,0.28)" },
+  infer:        { label: "INFER",        color: "#7c3aed", bg: "rgba(210,168,255,0.12)", border: "rgba(210,168,255,0.28)" },
+  "vocab-import": { label: "VOCAB",      color: "#d9455e", bg: "rgba(121,192,255,0.12)", border: "rgba(121,192,255,0.28)" },
 };
 
 const ALL_OPS: (RegistryEntryOp | "all")[] = [
@@ -64,7 +64,7 @@ function EntryRow({ entry }: { entry: ReturnType<typeof useRegistry>[number] })
 
         {/* Content */}
         <div style={{ flex: 1, minWidth: 0 }}>
-          <div style={{ color: "#ffeaed", fontSize: 13, fontWeight: 500, wordBreak: "break-word" }}>
+          <div style={{ color: "#2d1619", fontSize: 13, fontWeight: 500, wordBreak: "break-word" }}>
             {entry.summary}
           </div>
           <div style={{ color: "#b08b93", fontSize: 11, marginTop: 3 }}>
@@ -109,14 +109,14 @@ export function RegistryTab() {
         <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
           <ClipboardList size={18} color="#ff2d4b" />
           <div>
-            <div style={{ color: "#fff0f2", fontSize: 16, fontWeight: 700 }}>Document Registry</div>
+            <div style={{ color: "#2d1619", fontSize: 16, fontWeight: 700 }}>Document Registry</div>
             <div style={{ color: "#b08b93", fontSize: 12 }}>
               Audit log of all KG and Ontology mutations this session
             </div>
           </div>
         </div>
         <div style={{ display: "flex", alignItems: "center", gap: 8 }}>
-          <span style={{ color: "#c99aa3", fontSize: 12 }}>
+          <span style={{ color: "#aa485b", fontSize: 12 }}>
             {entries.length} event{entries.length !== 1 ? "s" : ""}
           </span>
           {entries.length > 0 ? (
@@ -134,7 +134,7 @@ export function RegistryTab() {
 
       {/* Filter pills */}
       <div style={filterBarStyle}>
-        <Filter size={13} color="#c99aa3" />
+        <Filter size={13} color="#aa485b" />
         <div style={{ display: "flex", gap: 6, flexWrap: "wrap" }}>
           {ALL_OPS.map((op) => {
             const isActive = op === activeFilter;
@@ -151,12 +151,12 @@ export function RegistryTab() {
                   cursor: "pointer",
                   border: isActive
                     ? `1px solid ${meta?.border ?? "rgba(255,107,129,0.35)"}`
-                    : "1px solid rgba(255,255,255,0.06)",
+                    : "1px solid rgba(28, 20, 24,0.06)",
                   background: isActive
                     ? (meta?.bg ?? "rgba(255,45,75,0.14)")
                     : "transparent",
                   color: isActive
-                    ? (meta?.color ?? "#8ed3ff")
+                    ? (meta?.color ?? "#1b3240")
                     : "#b08b93",
                   transition: "all 140ms ease",
                 }}
@@ -195,7 +195,7 @@ const shellStyle: React.CSSProperties = {
   flexDirection: "column",
   width: "100%",
   height: "100%",
-  background: "#0a0508",
+  background: "#fdfcfc",
   overflow: "hidden",
 };
 
@@ -213,7 +213,7 @@ const filterBarStyle: React.CSSProperties = {
   alignItems: "center",
   gap: 10,
   padding: "12px 24px",
-  borderBottom: "1px solid rgba(255,255,255,0.05)",
+  borderBottom: "1px solid rgba(28, 20, 24,0.05)",
   flexShrink: 0,
 };
 
@@ -229,9 +229,9 @@ const feedStyle: React.CSSProperties = {
 const entryCardStyle: React.CSSProperties = {
   padding: "12px 14px",
   borderRadius: 12,
-  background: "linear-gradient(135deg, rgba(13,17,23,0.6), rgba(22,27,34,0.4))",
-  border: "1px solid rgba(255,255,255,0.06)",
-  boxShadow: "inset 0 1px 0 rgba(255,255,255,0.03)",
+  background: "linear-gradient(135deg, rgba(255, 255, 255,0.6), rgba(255, 255, 255,0.4))",
+  border: "1px solid rgba(28, 20, 24,0.06)",
+  boxShadow: "inset 0 1px 0 rgba(28, 20, 24,0.03)",
 };
 
 const expandBtnStyle: React.CSSProperties = {
@@ -251,8 +251,8 @@ const detailPreStyle: React.CSSProperties = {
   padding: "10px 12px",
   borderRadius: 8,
   background: "rgba(0,0,0,0.28)",
-  border: "1px solid rgba(255,255,255,0.06)",
-  color: "#ff8fa0",
+  border: "1px solid rgba(28, 20, 24,0.06)",
+  color: "#d9455e",
   fontSize: 11,
   fontFamily: "'JetBrains Mono', monospace",
   overflowX: "auto",
@@ -268,7 +268,7 @@ const clearBtnStyle: React.CSSProperties = {
   borderRadius: 8,
   border: "1px solid rgba(255,123,114,0.22)",
   background: "rgba(255,123,114,0.06)",
-  color: "#ff7b72",
+  color: "#ec2315",
   fontSize: 12,
   fontWeight: 600,
   cursor: "pointer",

package/explorer/src/workspaces/GraphWorkspace/GraphCanvas.tsx

@@ -2652,7 +2652,7 @@ export const GraphCanvas = forwardRef<GraphCanvasHandle, GraphCanvasProps>(
               left: 24,
               padding: "8px 16px",
               background: "linear-gradient(135deg, rgba(27, 79, 170, 0.9), rgba(53, 123, 255, 0.84))",
-              color: "#fff",
+              color: "#16181d",
               border: `1px solid ${GRAPH_THEME.palette.background.shellBorder}`,
               borderRadius: 10,
               cursor: "pointer",