Skip to content

brand: align portal palette with Synergy Orbit logo#1

Merged
ryanntannn merged 1 commit into
masterfrom
brand/portal-palette
Jun 25, 2026
Merged

brand: align portal palette with Synergy Orbit logo#1
ryanntannn merged 1 commit into
masterfrom
brand/portal-palette

Conversation

@ryanntannn

Copy link
Copy Markdown
Contributor

Aligns the developer portal's color scheme with the new Synergy Orbit logo (canonical as of 7b0acad). The portal was indigo-themed while the logo is blue/teal/green — even the Logo component's "Plus" wordmark (text-brand) rendered indigo next to the icon's blue "+" hub.

Changes

  • --brand repointed from indigo to the logo blue:
    • light: 79 70 229 (indigo-600) → 0 130 196 (#0082C4)
    • dark: 129 140 248 (indigo-400) → 59 169 221 (#3BA9DD, lightened for the dark bg)
  • New accent tokens mirroring the logo, with dark-mode variants:
    • --accent-teal (#0E9E8E / #2DC2A8) — synergy nodes
    • --accent-green (#009D57 / #22C77A) — orbit
    • exposed in Tailwind as accent-teal / accent-green

Why it's a small diff

No component hardcodes indigo — all brand color flows through --brand — so the swap cascades through the entire UI (step badges, CTAs, empty-state, card hovers, ::selection, the Logo wordmark) with no per-component edits.

Scope notes

  • Error (red) / warning (amber) colors are intentionally left untouched — those are semantic, not brand.
  • The teal/green accents are added as ready-to-use tokens; they're not retrofitted onto existing UI because the portal has no positive "succeeded/healthy" status element yet. They're ready for status UI.

🤖 Generated with Claude Code

Repoint --brand from indigo to the logo blue (#0082C4, lightened to
#3BA9DD for dark mode) and add --accent-teal / --accent-green tokens
mirroring the logo's synergy nodes and orbit. All brand color flows
through --brand, so the swap cascades through the portal automatically;
error (red) and warning (amber) semantics are intentionally unchanged.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016a8SiGb7V7bp4wWVj6jzty
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.

1 participant