Skip to content

Fix: onboard step7 active circle color#141

Open
yoko-hennie wants to merge 7 commits intoentrius:testfrom
yoko-hennie:fix/onboard-step7-active-circle-color
Open

Fix: onboard step7 active circle color#141
yoko-hennie wants to merge 7 commits intoentrius:testfrom
yoko-hennie:fix/onboard-step7-active-circle-color

Conversation

@yoko-hennie
Copy link
Copy Markdown

Summary

Fixes a visual inconsistency in the onboarding stepper on onboard?tab=getting-started where Step 7 ("Contribute") used highlighted border/text colors but still showed the generic blue active background when selected.

What changed

  • Refactored step render logic to use clear booleans:
    • isCurrentStep
    • isSpecialStep
  • Updated step circle background logic so selected + special step uses a matching yellow tint:
    • rgba(255, 215, 0, 0.15)
  • Kept existing special-step border/text/glow styling behavior consistent.

Related Issues

Fixes #139

Type of Change

  • Bug fix
  • New feature
  • Refactor
  • Documentation
  • Other (describe below)

Screenshots

  • Before:
image
  • After:
image

Checklist

  • New components are modularized/separated where sensible
  • Uses predefined theme (e.g. no hardcoded colors)
  • Responsive/mobile checked
  • Tested against the test API
  • npm run format and npm run lint:fix have been run
  • npm run build passes
  • Screenshots included for any UI/visual changes

eureka0928 and others added 7 commits April 10, 2026 11:45
…igible

- Dashboard models: remove tier, currentTier, qualifiedUniqueReposCount,
  rawCredibility, credibilityScalar, repositoryUniquenessMultiplier,
  all bronze/silver/gold tier stats fields
- Add isEligible and credibility to MinerEvaluation
- Delete Predictions model and API
- Remove TierConfig from Configurations model and API
- Update leaderboard MinerStats type
Strip Bronze/Silver/Gold tier system across 51 files (~4950 lines removed).
Replace with flat isEligible boolean, update dynamic PR threshold from 500
to 300, revamp onboard Getting Started with 7-step inline setup guide
matching docs, remove Roadmap and FAQ tabs from onboard page.
🤖 Automated formatting by GitHub Actions
…ting

Replace dangerouslySetInnerHTML with ReactMarkdown + rehypeRaw for safe
rendering of GitHub-provided HTML in issue bodies and PR conversations.
Add missing CSS for lists, paragraphs, tables, and other elements that
MUI CssBaseline resets.

- Use ReactMarkdown with remarkGfm and rehypeRaw (same as ReadmeViewer)
- Add styles for ul/ol, li, p, table, hr, task checkboxes
- Fix pre/code nesting so inline code inside blocks renders correctly
- Left-align conversation panels to match GitHub layout
- Fix fallback text rendering (HTML em instead of markdown asterisks)
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
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.

[BUG] Onboard Step 7 Indicator Uses Incorrect Circle Background/Active Styling

3 participants