Skip to content

Design coherence: remove emojis, standardise colours#460

Merged
asim merged 1 commit intomainfrom
claude/design-coherence
Mar 29, 2026
Merged

Design coherence: remove emojis, standardise colours#460
asim merged 1 commit intomainfrom
claude/design-coherence

Conversation

@asim
Copy link
Copy Markdown
Member

@asim asim commented Mar 29, 2026

Summary

  • Replace all emojis with text labels (agent steps, search, weather, controls)
  • Standardise error red (#c00), success green (#1a7f37), grey scale (#888/#555)
  • CSS variables for .text-error and .text-success
  • Agent step icons: text labels with fixed-width styling

https://claude.ai/code/session_01GRGLA9yj7BpqKiyi6xFwnm

Agent page:
- Replaced emoji step icons (🤔 ⚙️ ✓ 🔄) with text labels
  (thinking, running, done, waiting). Consistent with the icon-based
  design language used everywhere else.
- Removed 🔍 from search labels
- Step icon styled as 13px bold grey text with fixed width

Colours standardised:
- Error red: #c00 everywhere (was mix of #c00, #dc3545)
- Success green: #1a7f37 everywhere (was mix of #28a745, #22c55e)
- CSS variables: --btn-danger/#c00, --btn-success/#1a7f37
- .text-error and .text-success use CSS variables
- Grey scale: #888 for muted, #555 for secondary text
- Removed #666, #999, #333 inconsistencies from Go inline styles

Weather: removed 💡 emoji from pollen recommendations
Content controls: "Done" feedback text instead of "Label ✓"
Agent worker: "App verified" instead of "App looks good ✓"

https://claude.ai/code/session_01GRGLA9yj7BpqKiyi6xFwnm
@asim asim merged commit a6bbe09 into main Mar 29, 2026
1 of 2 checks passed
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