Refresh primary brand color to #539D9F#1818
Draft
kasiazjc wants to merge 3 commits into
Draft
Conversation
Moves colorPrimary/colorInfo/colorLink and all matching literal accents (logo gradient start, terminal cursor/cyan, particle background, theme editor defaults, marketing screenshot theme) from #2e9a92 to #34767A. The old teal reads too close to generic BI-tool teal/cyan; the new value keeps the logo's hue family but is darker/less saturated and improves light-mode text contrast (5.23:1 vs 3.41:1 against white) since colorLink reuses the same token. Co-Authored-By: Claude <noreply@anthropic.com>
The prior commit landed #34767A (ink-teal) as a stand-in; the designer's intended pick is #539D9F — same ~181° teal hue family as the logo but lighter/less saturated (47% light / 31% sat vs 34%/40%). Same set of tokens/accents as before: theme colorPrimary/colorInfo/ colorLink, theme editor default, terminal cursor/cyan, logo gradient start, particle background, and marketing screenshot theme. Co-Authored-By: Claude <noreply@anthropic.com>
kasiazjc
changed the title
Live A/B trial, not necessarily final. Designer found #539D9F too washed out/flat against the mostly-gray dark UI when viewed live — technically correct but doesn't read as a brand accent. Trying #339699 (~182deg hue, same family, but 50% sat / 40% light instead of 31% sat / 47% light) for a punchier read. Same set of tokens/accents as the prior two commits: theme colorPrimary/colorInfo/colorLink, theme editor default, terminal cursor/cyan, logo gradient start, particle background, and marketing screenshot theme. Easy to revert to #539D9F (previous commit) if she prefers that after comparing both live. Co-Authored-By: Claude <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Refreshes Agor's primary brand color from
#2e9a92to#539D9F.Why: the current primary reads outdated and too close to the generic "vivid BI-tool teal/cyan" look shared by other data tools (e.g. Superset's brand blue
#1FA8C9sits in the same overused hue family) — it doesn't feel distinct to Agor anymore. It's also not actually matched to our own logo: the logo icon's dominant color is#32aca8(HSL ~177°, 54% saturation), and the old primary, while close in hue, was more saturated/generic-looking than the mark itself.What changed:
#539D9F(HSL ~181°, 31% sat, 47% light) stays in the same teal hue family as the logo (so brand recognition holds) but is lighter and less saturated — reads as more considered and modern rather than a stock SaaS accent.apps/agor-ui/src/contexts/ThemeContext.tsx—colorPrimary/colorInfo/colorLinkinbaseTheme.tokenapps/agor-ui/src/components/ThemeEditorModal/ThemeEditorModal.tsx— default custom-themecolorPrimary/colorInfo/colorLinkapps/agor-ui/src/components/TerminalModal/TerminalModal.tsx— terminalcursorandcyanANSI colorapps/agor-ui/src/components/EmbeddedTerminal/EmbeddedTerminal.tsx— terminalcursorcolorapps/agor-ui/src/components/BrandLogo/BrandLogo.tsx— wordmark gradient start stop (mid/end stops#7fe8df/#a8f5edkept — RGB channels ramp monotonically from the new start, so the gradient stays smooth)apps/agor-ui/src/utils/particleConfig.ts— background particle color/link colorapps/agor-ui/src/pages/MarketingScreenshotPage.tsx—ConfigProvidercolorPrimaryused to render marketing screenshots (was a stock Tailwind teal placeholder#14b8a6, aligned to the real brand token for screenshot authenticity)Test plan
🤖 Generated with Claude Code