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 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

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

@@ -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);
}

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

@@ -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 {

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

@@ -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 {

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

@@ -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;
}

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

@@ -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;

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

@@ -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);
}

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. */
.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;

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

@@ -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);

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

@@ -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%;