A.7.5-polish-2 stat-block alpha unification — all 4 surfaces collapse to rgba(var(--priUser), 0.5) matching the my_sign main page. User-reported 2026-05-25 PM after the polarity-bg unification (2ec23ea): "Lots of different opacities all around here. Can you unify those too, to the My Sign stat block?" — the my_sign main page's .sig-stat-block default is rgba(var(--priUser), 0.5); the 3 other stat-block surfaces were carrying different alphas (sea 0.85, fan 1.0, applet 0.8 default + 1.0 gravity override) — visually inconsistent. Collapse all to 0.5.
**Touched bg declarations (5 sites, all `rgba(var(--priUser), X)`)**: - `.sea-stage-content .sea-stat-block`: `0.85 → 0.5` (the no-polarity fallback rule) - `.sea-stage--gravity .sea-stat-block, .sea-stage--levity .sea-stat-block`: `0.85 → 0.5` (the polarity-classed rule that actually applies in practice; both kept since the previous commit folded gravity into the same colors as levity) - `.tarot-fan-wrap[data-polarity="gravity"/.levity] .fan-stage-block`: `1 → 0.5` - `.my-sign-applet-stat-block` default: `0.8 → 0.5` - `.my-sign-applet-body[data-polarity="gravity"] .my-sign-applet-stat-block`: bg override dropped entirely; the default 0.5 now applies in both polarities. Border + keyword color overrides kept (those target the gravity card-pair convention, not the bg). Unchanged: `.sig-stat-block` default in `.sig-stage` (was already `0.5`) — the reference value the user pointed to. Visual verify 2026-05-25 PM: applet stat-block now `rgba(50, 30, 95, 0.5)` — same color + alpha as the my_sign main page's `.sig-stat-block`. Both stat-blocks read as a translucent dark-purple panel that lets the page bg (green on my_sign / billboard purple on the applet) bleed through identically across surfaces. Tests: 1314/1314 IT+UT total green (72s; no test surface — pure alpha-channel value changes in SCSS). Visual verify confirmed cross-surface match. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -611,7 +611,8 @@ body.page-billposts {
|
||||
width: var(--applet-card-w);
|
||||
aspect-ratio: 5 / 8;
|
||||
align-self: center;
|
||||
background: rgba(var(--priUser), 0.8);
|
||||
// Sprint A.7.5-polish-2 — unified 0.5 alpha across all stat-block surfaces.
|
||||
background: rgba(var(--priUser), 0.5);
|
||||
border-radius: 0.4rem;
|
||||
border: 0.1rem solid rgba(var(--terUser), 0.15);
|
||||
padding: calc(var(--applet-card-w) * 0.08);
|
||||
@@ -708,12 +709,11 @@ body.page-billposts {
|
||||
// --secUser stat block (light), w. --quiUser label + --priUser
|
||||
// keywords for contrast against the light bg.
|
||||
.my-sign-applet-body[data-polarity="gravity"] .my-sign-applet-stat-block {
|
||||
background: rgba(var(--priUser), 1);
|
||||
// Sprint A.7.5-polish-2 — bg override dropped; default 0.5 alpha
|
||||
// applies in both polarities now that we've unified opacity across
|
||||
// the 4 stat-block surfaces. Border + keyword color overrides kept
|
||||
// because they specifically target the gravity card-pair convention.
|
||||
border-color: rgba(var(--secUser), 0.15);
|
||||
// Sprint A.7.5 — label override removed; bg under gravity is still
|
||||
// --priUser (just full alpha vs. the default 0.8), so the shared
|
||||
// --secUser label is readable in both polarities + matches the new
|
||||
// applet convention end-to-end.
|
||||
.stat-keywords li {
|
||||
color: rgba(var(--secUser), 1);
|
||||
border-bottom-color: rgba(var(--secUser), 0.18);
|
||||
|
||||
@@ -363,7 +363,10 @@
|
||||
// branch since both now sit on --priUser bg.
|
||||
.tarot-fan-wrap[data-polarity="gravity"] .fan-stage-block,
|
||||
.tarot-fan-wrap[data-polarity="levity"] .fan-stage-block {
|
||||
background: rgba(var(--priUser), 1);
|
||||
// Sprint A.7.5-polish-2 — alpha unified to 0.5 across all 4 stat-block
|
||||
// surfaces (sig + sea + fan + applet) to match the my_sign main page's
|
||||
// existing `rgba(var(--priUser), 0.5)` per user-spec 2026-05-25 PM.
|
||||
background: rgba(var(--priUser), 0.5);
|
||||
border-color: rgba(var(--terUser), 0.15);
|
||||
color: rgba(var(--secUser), 1);
|
||||
.stat-face-label { color: rgba(var(--secUser), 1); }
|
||||
@@ -2114,7 +2117,8 @@ $_sea-title-els: '.fan-card-name, .sig-qualifier-above, .sig-qualifier-below, .f
|
||||
flex: 0 0 auto;
|
||||
width: var(--sig-card-w, 140px);
|
||||
height: calc(var(--sig-card-w, 140px) * 8 / 5);
|
||||
background: rgba(var(--priUser), 0.85);
|
||||
// Sprint A.7.5-polish-2 — unified 0.5 alpha across all stat-block surfaces.
|
||||
background: rgba(var(--priUser), 0.5);
|
||||
border-radius: 0.4rem;
|
||||
border: 0.1rem solid rgba(var(--terUser), 0.15);
|
||||
position: relative;
|
||||
@@ -2141,7 +2145,8 @@ $_sea-title-els: '.fan-card-name, .sig-qualifier-above, .sig-qualifier-below, .f
|
||||
// bg now; the original opposite-polarity inversion is dropped.
|
||||
.sea-stage--gravity .sea-stat-block,
|
||||
.sea-stage--levity .sea-stat-block {
|
||||
background: rgba(var(--priUser), 0.85);
|
||||
// Sprint A.7.5-polish-2 — unified 0.5 alpha across all stat-block surfaces.
|
||||
background: rgba(var(--priUser), 0.5);
|
||||
border-color: rgba(var(--terUser), 0.15);
|
||||
.stat-face-label { color: rgba(var(--secUser), 1); }
|
||||
.stat-keywords li {
|
||||
|
||||
Reference in New Issue
Block a user