Skip to content

feature: black tier theming#7361

Merged
maxbbb merged 1 commit intodevelopfrom
04-16-feature_black_tier_theming
Apr 21, 2026
Merged

feature: black tier theming#7361
maxbbb merged 1 commit intodevelopfrom
04-16-feature_black_tier_theming

Conversation

@maxbbb
Copy link
Copy Markdown
Contributor

@maxbbb maxbbb commented Apr 16, 2026

Fixes APP-3584

What changed

Applies custom theming to the Black membership tier: a rainbow shimmer over the badge and tier primary button, plus a rainbow outer glow behind the badge and progress fill.

Main changes

  • tierVisuals.ts: adds HardLightOverlay and GradientShadow theme types, shared Black tier rainbow tokens, and wires them into the black badge, primary button, and progress bar.
  • RainbowShimmerFill.tsx: new Skia component combining a gradient fill with a "hard light" blend rainbow overlay masked by an inner shadow. This is how the top edge inner glow effect is created for the badge and primary button.
  • SkiaGradientShadow.tsx: new Skia component that renders a gradient drop shadow.
  • TierBadge.tsx, MembershipTierButtonSurface.tsx, TierProgressBar.tsx: opt into the new shimmer/glow layers when the tier theme provides overlay or backgroundShadow, otherwise fall back to the existing LinearGradient.
  • ShadowLayers.tsx: adds an optional outerGlowLayer slot rendered behind the shadow stack so the black tier can render its custom gradient shadow.

Other changes

  • TierProgressBar.tsx: wraps the progress fill in an outer View so the glow can extend past the border-radius clip of GradientBorderView.
  • tierVisuals.ts: drops the expo-linear-gradient type dep in favor of local GradientColors/GradientLocations types to make it easier to deal with the Skia gradient types.

Screenshots

Simulator Screenshot - iPhone 16e - 2026-04-16 at 14 09 29 Simulator Screenshot - iPhone 16e - 2026-04-16 at 14 10 05

Copy link
Copy Markdown
Contributor Author

maxbbb commented Apr 16, 2026

@linear
Copy link
Copy Markdown

linear Bot commented Apr 16, 2026

@maxbbb maxbbb marked this pull request as ready for review April 16, 2026 18:26
@github-actions
Copy link
Copy Markdown

Launch in simulator or device for 5642ab9

@maxbbb maxbbb force-pushed the 04-16-feature_black_tier_theming branch from a8a681f to 4cf6dc2 Compare April 20, 2026 14:24
@maxbbb maxbbb force-pushed the 04-15-feature_staking_card_design_tweaks branch from 1a6948f to 07017c7 Compare April 20, 2026 14:24
@github-actions
Copy link
Copy Markdown

github-actions Bot commented Apr 20, 2026

🧪 Flashlight Performance Report (AWS Device Farm)

🔀 Commit: acbed86

📎 View Artifacts

Metric Current Δ vs Baseline
Time to Interactive (TTI) 5618 ms 🔴 +88.1 ms (+1.6%)
Average FPS 56.71 ⚪ +0.0 (+0.0%)
Average RAM 388.4 MB 🟢 -9.0 MB (-2.3%)

@maxbbb maxbbb force-pushed the 04-15-feature_staking_card_design_tweaks branch from 07017c7 to cda0894 Compare April 20, 2026 15:14
@maxbbb maxbbb force-pushed the 04-16-feature_black_tier_theming branch from 4cf6dc2 to a00b177 Compare April 20, 2026 15:14
@github-actions
Copy link
Copy Markdown

Launch in simulator or device for 521159d

@maxbbb maxbbb force-pushed the 04-15-feature_staking_card_design_tweaks branch from cda0894 to 12635d7 Compare April 20, 2026 16:07
@maxbbb maxbbb force-pushed the 04-16-feature_black_tier_theming branch from a00b177 to 81f2078 Compare April 20, 2026 16:08
@github-actions
Copy link
Copy Markdown

Launch in simulator or device for e5b6582

Copy link
Copy Markdown
Contributor Author

maxbbb commented Apr 21, 2026

Merge activity

  • Apr 21, 4:28 PM UTC: A user started a stack merge that includes this pull request via Graphite.
  • Apr 21, 5:00 PM UTC: Graphite rebased this pull request as part of a merge.
  • Apr 21, 5:26 PM UTC: @maxbbb merged this pull request with Graphite.

@maxbbb maxbbb changed the base branch from 04-15-feature_staking_card_design_tweaks to graphite-base/7361 April 21, 2026 16:29
@maxbbb maxbbb changed the base branch from graphite-base/7361 to develop April 21, 2026 16:58
@maxbbb maxbbb force-pushed the 04-16-feature_black_tier_theming branch from 81f2078 to 497581f Compare April 21, 2026 16:59
@github-actions
Copy link
Copy Markdown

Launch in simulator or device for acbed86

@maxbbb maxbbb merged commit cd798af into develop Apr 21, 2026
21 checks passed
@maxbbb maxbbb deleted the 04-16-feature_black_tier_theming branch April 21, 2026 17:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants