slaguru666/slazero2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v2.2.0 — uniform art overhaul: black & white ink-and-pencil noir

Browse Source 
Every game asset re-rendered into one style: white ink linework + graphite
tonality + film grain on near-black. Cyberpunk-horror noir, uniform across
453 raster images (species, NPC portraits/abilities, weapons, armor, ammo,
drugs, gear, ebb, skills, traits, maps, textures, message art) and 122 SVG
icons (recolored to bone-white/near-black).

Dice keep their function, restyled to match: Operative d6 = bone-white with
black ink faces; Stress d6 = black with white ink; the bane 1 is now a white
flash-frame facehugger (inverted) — instantly readable on a black die.
DSN colorsets and inline chat dice CSS updated to the same B&W language.

Untouched: screenshots/ (docs) and logos/ (third-party marks).
Pipeline: scripts in session scratchpad (Pillow+numpy edge-ink/dodge etch).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
tevans
2026-07-14 22:51:36 +01:00
co-authored by Claude Fable 5
parent 5aff39cf75
commit 545fa8c542
585 changed files with 802 additions and 803 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/slazero2.css
+13 -14
View File
@@ -6714,40 +6714,39 @@ body > .ze-pause-root .ze-sat-inner {
/* ── Inline chat dice: match the 3D dice exactly ─────────────────────────── */
.yze-die {
background: var(--sz2-yellow);
background: #f2f2ee;
border: 2px solid #000;
color: #000;
border-radius: 4px;
font-family: var(--sz2-font-ui);
}
.yze-die.yze-success {
background: var(--sz2-yellow);
background: #f2f2ee;
border-color: #000;
color: #000;
box-shadow: 0 0 12px rgba(227, 227, 0, 0.8);
outline: 2px solid var(--sz2-yellow);
box-shadow: 0 0 12px rgba(255, 255, 255, 0.75);
outline: 2px solid #fff;
}
.yze-die.yze-stress {
background: #0b0b0b;
border-color: #444;
color: #ddd;
border-color: #555;
color: #e8e8e4;
box-shadow: none;
}
.yze-die.yze-stress.yze-success {
border-color: var(--sz2-yellow);
color: var(--sz2-yellow);
box-shadow: 0 0 12px rgba(227, 227, 0, 0.6);
border-color: #f2f2ee;
color: #f2f2ee;
box-shadow: 0 0 12px rgba(255, 255, 255, 0.6);
}
.yze-die.yze-stress.yze-bane {
background: var(--sz2-red);
background: #f2f2ee;
border-color: #000;
color: #fff;
box-shadow: 0 0 12px rgba(204, 17, 17, 0.8);
color: #000;
animation: sz2-bane-pulse 1.6s ease-in-out infinite;
}
@keyframes sz2-bane-pulse {
0%, 100% { box-shadow: 0 0 6px rgba(204, 17, 17, 0.5); }
50% { box-shadow: 0 0 16px rgba(255, 45, 45, 0.9); }
0%, 100% { box-shadow: 0 0 6px rgba(255, 255, 255, 0.45); }
50% { box-shadow: 0 0 18px rgba(255, 255, 255, 0.95); }
}
/* ── Push button: the temptation should look like one ────────────────────── */