Skip to content

fix(ui): optimize prompt input styling with theme simplification and history indicator#1666

Merged
esengine merged 1 commit into
esengine:mainfrom
Bernardxu123:fix/prompt-input-styling
May 24, 2026
Merged

fix(ui): optimize prompt input styling with theme simplification and history indicator#1666
esengine merged 1 commit into
esengine:mainfrom
Bernardxu123:fix/prompt-input-styling

Conversation

@Bernardxu123

Copy link
Copy Markdown
Collaborator

Changes

1. Theme Simplification (7 → 5)

  • Removed redundant themes: default, github-dark, github-light
  • Renamed okyo-night → midnight (removed geographic name)
  • Added new deep-blue theme with #0153e5 brand color

2. New deep-blue Theme

  • Brand color: #0153e5
  • Input box background: #1e1e1e
  • Overall background: #0a0a0a (pure black)

3. Fix Input Text Color

  • Added color={FG.body} to
    enderSegment function
  • Input text now follows theme changes

4. Add History Mode Indicator

  • Added isHistoryMode state to useInputRecall hook
  • Shows ↑ history indicator when viewing past inputs
  • Passes state through ComposerArea to PromptInput

5. Optimize bgInput Color Values

  • dark: #111827 → #0f172a (better contrast)
  • light: #f8fafc → #f1f5f9 (better contrast)

Files Changed

  • src/cli/ui/theme/tokens.ts - Theme definitions
  • src/cli/ui/PromptInput.tsx - Input styling
  • src/cli/ui/hooks/useInputRecall.ts - History state
  • src/cli/ui/ComposerArea.tsx - Props passing
  • src/cli/ui/App.tsx - Props passing
  • Tests updated for new theme names

Testing

  • ✅ Lint passed
  • ✅ Typecheck passed
  • ✅ All 3596 tests passed

Closes #1665

…history indicator

- Simplify themes from 7 to 5 (dark, light, midnight, deep-blue, high-contrast)
- Add new deep-blue theme with #0153e5 brand color
- Rename tokyo-night to midnight (remove geographic name)
- Fix input text color to follow theme changes (add FG.body)
- Add history mode indicator (↑ history) when viewing past inputs
- Optimize bgInput color values for better contrast

Closes esengine#1665
@esengine esengine merged commit 860ae56 into esengine:main May 24, 2026
4 checks passed
@esengine

Copy link
Copy Markdown
Owner

Thanks — merged.

esengine added a commit that referenced this pull request May 24, 2026
#1666 renamed/dropped themes (tokyo-night → midnight, removed
default/github-dark/github-light, added deep-blue) but missed three
surfaces:

- `/theme` slash command's `argsHint` and `argCompleter` still advertised
  the removed names and were missing `midnight` / `deep-blue`
- i18n `themeCaption` dicts in EN.ts and zh-CN.ts still held the removed
  entries and had no labels for the new themes, so the picker would
  render the literal i18n key (e.g. `wizard.themeCaption.midnight`)
  next to the new theme names

Drop the stale entries from both locales, add captions for `midnight`
and `deep-blue`, and trim the slash command lists to the actual theme
set. The "default" caption is gone because the theme itself was removed.

Co-authored-by: reasonix <reasonix@deepseek.com>
@Bernardxu123 Bernardxu123 deleted the fix/prompt-input-styling branch May 24, 2026 12:13
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.

fix(ui): prompt input styling optimization

2 participants