From 388a968d899e7b25ba9f0991cd035a47054788fb Mon Sep 17 00:00:00 2001
From: anti <samuel@securejump.cl>
Date: Sat, 9 May 2026 03:50:29 -0400
Subject: [PATCH] fix(decnet_web/css): sweep violet rgba literals to tokens
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Credentials drawer code-block labels (printable:, b64:) and a
dozen other violet wash/tint sites still carried bare rgba(238,
130, 238, *) literals — bright magenta in light mode where
--violet has resolved to charcoal-purple #2d1b4e. Mirrors the
prior matrix/alert/warn/info sweeps: by-alpha buckets land on
var(--violet-tint-10) or var(--violet).
---
 decnet_web/src/components/AttackerDetail.tsx              | 2 +-
 decnet_web/src/components/Attackers.css                   | 2 +-
 decnet_web/src/components/Bounty.css                      | 6 +++---
 decnet_web/src/components/Credentials.css                 | 8 ++++----
 decnet_web/src/components/Dashboard.css                   | 2 +-
 decnet_web/src/components/DeckyFleet.css                  | 2 +-
 decnet_web/src/components/Modal/Modal.css                 | 2 +-
 decnet_web/src/components/Orchestrator.css                | 6 +++---
 .../src/components/TopologyList/CreateTopologyWizard.css  | 6 +++---
 decnet_web/src/components/Webhooks.css                    | 2 +-
 10 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/decnet_web/src/components/AttackerDetail.tsx b/decnet_web/src/components/AttackerDetail.tsx
index df5b1efc..18670e0d 100644
--- a/decnet_web/src/components/AttackerDetail.tsx
+++ b/decnet_web/src/components/AttackerDetail.tsx
@@ -2009,7 +2009,7 @@ const AttackerDetail: React.FC = () => {
               const isActive = serviceFilter === svc;
               const interacted = attacker.service_activity?.interacted.includes(svc) ?? false;
               const baseStyle: React.CSSProperties = interacted
-                ? { borderColor: 'var(--accent-color)', color: 'var(--accent-color)', background: 'rgba(238, 130, 238, 0.08)' }
+                ? { borderColor: 'var(--accent-color)', color: 'var(--accent-color)', background: 'var(--violet-tint-10)' }
                 : { opacity: 0.55 };
               const activeStyle: React.CSSProperties = isActive
                 ? interacted
diff --git a/decnet_web/src/components/Attackers.css b/decnet_web/src/components/Attackers.css
index 1b813357..2247c4f7 100644
--- a/decnet_web/src/components/Attackers.css
+++ b/decnet_web/src/components/Attackers.css
@@ -212,7 +212,7 @@
   animation: decnet-pulse 1s infinite alternate;
 }
 .attackers-root .activity-chip.passive {
-  border: 1px solid rgba(238, 130, 238, 0.5);
+  border: 1px solid var(--violet);
   color: var(--violet);
   background: var(--violet-tint-10);
 }
diff --git a/decnet_web/src/components/Bounty.css b/decnet_web/src/components/Bounty.css
index 22c416aa..888d5b18 100644
--- a/decnet_web/src/components/Bounty.css
+++ b/decnet_web/src/components/Bounty.css
@@ -60,7 +60,7 @@
 
 /* Table row interactivity */
 .bounty-root .logs-table tr.clickable { cursor: pointer; }
-.bounty-root .logs-table tr.clickable:hover { background: rgba(238, 130, 238, 0.04); }
+.bounty-root .logs-table tr.clickable:hover { background: var(--violet-tint-10); }
 .bounty-root .logs-table td .attacker-link {
   text-decoration: underline dotted;
   cursor: pointer;
@@ -131,7 +131,7 @@
   height: 100%;
   background: var(--bg);
   border-left: 1px solid var(--violet);
-  box-shadow: -12px 0 40px rgba(238, 130, 238, 0.1);
+  box-shadow: -12px 0 40px var(--violet-tint-10);
   overflow-y: auto;
   display: flex;
   flex-direction: column;
@@ -211,7 +211,7 @@
   margin: 0;
   overflow-x: auto;
 }
-.bounty-drawer .code-block .ck { color: rgba(238, 130, 238, 0.9); }
+.bounty-drawer .code-block .ck { color: var(--violet); }
 .bounty-drawer .code-block .cs { color: var(--matrix); }
 
 .bounty-drawer .bd-actions {
diff --git a/decnet_web/src/components/Credentials.css b/decnet_web/src/components/Credentials.css
index 8c76b60b..7f9c77fe 100644
--- a/decnet_web/src/components/Credentials.css
+++ b/decnet_web/src/components/Credentials.css
@@ -61,7 +61,7 @@
 
 /* Table row interactivity */
 .credentials-root .logs-table tr.clickable { cursor: pointer; }
-.credentials-root .logs-table tr.clickable:hover { background: rgba(238, 130, 238, 0.04); }
+.credentials-root .logs-table tr.clickable:hover { background: var(--violet-tint-10); }
 .credentials-root .logs-table td .attacker-link {
   text-decoration: underline dotted;
   cursor: pointer;
@@ -88,7 +88,7 @@
 }
 .credentials-root .logs-table td .secret-cell.hashed {
   opacity: 0.7;
-  color: rgba(238, 130, 238, 0.85);
+  color: var(--violet);
 }
 .credentials-root .logs-table td .principal-cell {
   font-size: 0.8rem;
@@ -146,7 +146,7 @@
   height: 100%;
   background: var(--bg);
   border-left: 1px solid var(--violet);
-  box-shadow: -12px 0 40px rgba(238, 130, 238, 0.1);
+  box-shadow: -12px 0 40px var(--violet-tint-10);
   overflow-y: auto;
   display: flex;
   flex-direction: column;
@@ -226,7 +226,7 @@
   margin: 0;
   overflow-x: auto;
 }
-.credentials-drawer .code-block .ck { color: rgba(238, 130, 238, 0.9); }
+.credentials-drawer .code-block .ck { color: var(--violet); }
 .credentials-drawer .code-block .cs { color: var(--matrix); }
 
 .credentials-drawer .hash-row {
diff --git a/decnet_web/src/components/Dashboard.css b/decnet_web/src/components/Dashboard.css
index 32ffc5d2..b2b23178 100644
--- a/decnet_web/src/components/Dashboard.css
+++ b/decnet_web/src/components/Dashboard.css
@@ -501,7 +501,7 @@
   font-size: 0.65rem;
   padding: 2px 8px;
   border: 1px solid var(--accent-color);
-  background: rgba(238, 130, 238, 0.1);
+  background: var(--violet-tint-10);
   color: var(--accent-color);
   letter-spacing: 2px;
 }
diff --git a/decnet_web/src/components/DeckyFleet.css b/decnet_web/src/components/DeckyFleet.css
index 164b3c32..89f688e9 100644
--- a/decnet_web/src/components/DeckyFleet.css
+++ b/decnet_web/src/components/DeckyFleet.css
@@ -319,7 +319,7 @@
   flex-direction: column;
   overflow: hidden;
 }
-.modal.violet { border-color: var(--violet); box-shadow: 0 0 30px rgba(238, 130, 238, 0.25); }
+.modal.violet { border-color: var(--violet); box-shadow: 0 0 30px var(--violet); }
 .modal.wide { width: 880px; }
 .modal-head {
   padding: 16px 22px;
diff --git a/decnet_web/src/components/Modal/Modal.css b/decnet_web/src/components/Modal/Modal.css
index a4703e01..9036de3a 100644
--- a/decnet_web/src/components/Modal/Modal.css
+++ b/decnet_web/src/components/Modal/Modal.css
@@ -20,5 +20,5 @@
 
 .modal.modal-drawer-right.violet {
   border-left-color: var(--violet);
-  box-shadow: -8px 0 30px rgba(238, 130, 238, 0.25);
+  box-shadow: -8px 0 30px var(--violet);
 }
diff --git a/decnet_web/src/components/Orchestrator.css b/decnet_web/src/components/Orchestrator.css
index e778099b..4044297c 100644
--- a/decnet_web/src/components/Orchestrator.css
+++ b/decnet_web/src/components/Orchestrator.css
@@ -198,7 +198,7 @@
 
 /* Live-prepended row tint — fades back to neutral after a moment via opacity. */
 .orchestrator-root .logs-table tr.fresh td {
-  background: rgba(238, 130, 238, 0.05);
+  background: var(--violet-tint-10);
 }
 
 /* Kind chip */
@@ -249,7 +249,7 @@
 /* ── Row interactivity ─────────────────────────────────── */
 .orchestrator-root .logs-table tr.clickable { cursor: pointer; }
 .orchestrator-root .logs-table tr.clickable:hover {
-  background: rgba(238, 130, 238, 0.04);
+  background: var(--violet-tint-10);
 }
 
 /* ── Inspector drawer ──────────────────────────────────── */
@@ -269,7 +269,7 @@
   height: 100%;
   background: var(--bg);
   border-left: 1px solid var(--violet);
-  box-shadow: -12px 0 40px rgba(238, 130, 238, 0.1);
+  box-shadow: -12px 0 40px var(--violet-tint-10);
   overflow-y: auto;
   display: flex;
   flex-direction: column;
diff --git a/decnet_web/src/components/TopologyList/CreateTopologyWizard.css b/decnet_web/src/components/TopologyList/CreateTopologyWizard.css
index 99c0af8a..ed4e767d 100644
--- a/decnet_web/src/components/TopologyList/CreateTopologyWizard.css
+++ b/decnet_web/src/components/TopologyList/CreateTopologyWizard.css
@@ -19,7 +19,7 @@
   max-height: 90vh;
   background: var(--panel);
   border: 1px solid var(--violet);
-  box-shadow: 0 0 30px rgba(238, 130, 238, 0.25);
+  box-shadow: 0 0 30px var(--violet);
   display: flex;
   flex-direction: column;
   overflow: hidden;
@@ -113,7 +113,7 @@
 .ctw-card:hover { border-color: var(--violet); }
 .ctw-card.selected {
   border-color: var(--violet);
-  background: var(--violet-tint-10, rgba(238, 130, 238, 0.1));
+  background: var(--violet-tint-10, var(--violet-tint-10));
 }
 .ctw-card.disabled {
   opacity: 0.45;
@@ -183,7 +183,7 @@
   font-size: 0.7rem;
   line-height: 1.5;
   letter-spacing: 0.3px;
-  background: var(--violet-tint-10, rgba(238, 130, 238, 0.08));
+  background: var(--violet-tint-10, var(--violet-tint-10));
 }
 .ctw-note strong {
   color: var(--violet);
diff --git a/decnet_web/src/components/Webhooks.css b/decnet_web/src/components/Webhooks.css
index f8e7fafd..600ae425 100644
--- a/decnet_web/src/components/Webhooks.css
+++ b/decnet_web/src/components/Webhooks.css
@@ -282,7 +282,7 @@
 .wh-secret-modal {
   background: var(--secondary-color);
   border: 1px solid var(--violet);
-  box-shadow: 0 0 24px rgba(238, 130, 238, 0.4);
+  box-shadow: 0 0 24px var(--violet);
   padding: 28px;
   max-width: 560px;
   width: 100%;