anti/DECNET
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(decnet_web/css): sweep violet rgba literals to tokens

Browse Source 
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).
This commit is contained in:
anti
2026-05-09 03:50:29 -04:00
parent aa0b22aacb
commit 388a968d89
10 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
decnet_web/src/components/AttackerDetail.tsx
View File

@@ -2009,7 +2009,7 @@ const AttackerDetail: React.FC = () => {
const isActive = serviceFilter === svc; const isActive = serviceFilter === svc;
const interacted = attacker.service_activity?.interacted.includes(svc) ?? false; const interacted = attacker.service_activity?.interacted.includes(svc) ?? false;
const baseStyle: React.CSSProperties = interacted 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 }; : { opacity: 0.55 };
const activeStyle: React.CSSProperties = isActive const activeStyle: React.CSSProperties = isActive
? interacted ? interacted

2
decnet_web/src/components/Attackers.css
View File

@@ -212,7 +212,7 @@
animation: decnet-pulse 1s infinite alternate; animation: decnet-pulse 1s infinite alternate;
} }
.attackers-root .activity-chip.passive { .attackers-root .activity-chip.passive {
border: 1px solid rgba(238, 130, 238, 0.5); border: 1px solid var(--violet);
color: var(--violet); color: var(--violet);
background: var(--violet-tint-10); background: var(--violet-tint-10);
} }

6
decnet_web/src/components/Bounty.css
View File

@@ -60,7 +60,7 @@
/* Table row interactivity */ /* Table row interactivity */
.bounty-root .logs-table tr.clickable { cursor: pointer; } .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 { .bounty-root .logs-table td .attacker-link {
text-decoration: underline dotted; text-decoration: underline dotted;
cursor: pointer; cursor: pointer;
@@ -131,7 +131,7 @@
height: 100%; height: 100%;
background: var(--bg); background: var(--bg);
border-left: 1px solid var(--violet); 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; overflow-y: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -211,7 +211,7 @@
margin: 0; margin: 0;
overflow-x: auto; 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 .code-block .cs { color: var(--matrix); }
.bounty-drawer .bd-actions { .bounty-drawer .bd-actions {

8
decnet_web/src/components/Credentials.css
View File

@@ -61,7 +61,7 @@
/* Table row interactivity */ /* Table row interactivity */
.credentials-root .logs-table tr.clickable { cursor: pointer; } .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 { .credentials-root .logs-table td .attacker-link {
text-decoration: underline dotted; text-decoration: underline dotted;
cursor: pointer; cursor: pointer;
@@ -88,7 +88,7 @@
} }
.credentials-root .logs-table td .secret-cell.hashed { .credentials-root .logs-table td .secret-cell.hashed {
opacity: 0.7; opacity: 0.7;
color: rgba(238, 130, 238, 0.85); color: var(--violet);
} }
.credentials-root .logs-table td .principal-cell { .credentials-root .logs-table td .principal-cell {
font-size: 0.8rem; font-size: 0.8rem;
@@ -146,7 +146,7 @@
height: 100%; height: 100%;
background: var(--bg); background: var(--bg);
border-left: 1px solid var(--violet); 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; overflow-y: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -226,7 +226,7 @@
margin: 0; margin: 0;
overflow-x: auto; 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 .code-block .cs { color: var(--matrix); }
.credentials-drawer .hash-row { .credentials-drawer .hash-row {

2
decnet_web/src/components/Dashboard.css
View File

@@ -501,7 +501,7 @@
font-size: 0.65rem; font-size: 0.65rem;
padding: 2px 8px; padding: 2px 8px;
border: 1px solid var(--accent-color); border: 1px solid var(--accent-color);
background: rgba(238, 130, 238, 0.1); background: var(--violet-tint-10);
color: var(--accent-color); color: var(--accent-color);
letter-spacing: 2px; letter-spacing: 2px;
} }

2
decnet_web/src/components/DeckyFleet.css
View File

@@ -319,7 +319,7 @@
flex-direction: column; flex-direction: column;
overflow: hidden; 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.wide { width: 880px; }
.modal-head { .modal-head {
padding: 16px 22px; padding: 16px 22px;

2
decnet_web/src/components/Modal/Modal.css
View File

@@ -20,5 +20,5 @@
.modal.modal-drawer-right.violet { .modal.modal-drawer-right.violet {
border-left-color: var(--violet); border-left-color: var(--violet);
box-shadow: -8px 0 30px rgba(238, 130, 238, 0.25); box-shadow: -8px 0 30px var(--violet);
} }

6
decnet_web/src/components/Orchestrator.css
View File

@@ -198,7 +198,7 @@
/* Live-prepended row tint — fades back to neutral after a moment via opacity. */ /* Live-prepended row tint — fades back to neutral after a moment via opacity. */
.orchestrator-root .logs-table tr.fresh td { .orchestrator-root .logs-table tr.fresh td {
background: rgba(238, 130, 238, 0.05); background: var(--violet-tint-10);
} }
/* Kind chip */ /* Kind chip */
@@ -249,7 +249,7 @@
/* ── Row interactivity ─────────────────────────────────── */ /* ── Row interactivity ─────────────────────────────────── */
.orchestrator-root .logs-table tr.clickable { cursor: pointer; } .orchestrator-root .logs-table tr.clickable { cursor: pointer; }
.orchestrator-root .logs-table tr.clickable:hover { .orchestrator-root .logs-table tr.clickable:hover {
background: rgba(238, 130, 238, 0.04); background: var(--violet-tint-10);
} }
/* ── Inspector drawer ──────────────────────────────────── */ /* ── Inspector drawer ──────────────────────────────────── */
@@ -269,7 +269,7 @@
height: 100%; height: 100%;
background: var(--bg); background: var(--bg);
border-left: 1px solid var(--violet); 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; overflow-y: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

6
decnet_web/src/components/TopologyList/CreateTopologyWizard.css
View File

@@ -19,7 +19,7 @@
max-height: 90vh; max-height: 90vh;
background: var(--panel); background: var(--panel);
border: 1px solid var(--violet); 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; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
@@ -113,7 +113,7 @@
.ctw-card:hover { border-color: var(--violet); } .ctw-card:hover { border-color: var(--violet); }
.ctw-card.selected { .ctw-card.selected {
border-color: var(--violet); 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 { .ctw-card.disabled {
opacity: 0.45; opacity: 0.45;
@@ -183,7 +183,7 @@
font-size: 0.7rem; font-size: 0.7rem;
line-height: 1.5; line-height: 1.5;
letter-spacing: 0.3px; 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 { .ctw-note strong {
color: var(--violet); color: var(--violet);

2
decnet_web/src/components/Webhooks.css
View File

@@ -282,7 +282,7 @@
.wh-secret-modal { .wh-secret-modal {
background: var(--secondary-color); background: var(--secondary-color);
border: 1px solid var(--violet); 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; padding: 28px;
max-width: 560px; max-width: 560px;
width: 100%; width: 100%;