Skip to content

chore: improve ux and design#21722

Open
snatvb wants to merge 20 commits intoanomalyco:devfrom
snatvb:chore/improve-ux-and-design
Open

chore: improve ux and design#21722
snatvb wants to merge 20 commits intoanomalyco:devfrom
snatvb:chore/improve-ux-and-design

Conversation

@snatvb
Copy link
Copy Markdown

@snatvb snatvb commented Apr 9, 2026

Issue for this PR

Closes #21395

Type of change

  • Bug fix
  • New feature
  • Refactor / code improvement
  • Documentation

What does this PR do?

Sorry for huge PR, just noticed that Opencode has worse UI by design in compare with competitors. I'd like to improve it for myself and maybe you would like to merge it. I attach screenshots below to show it.

Updated:

  • Input prompt. (Border rounds the same for input and button, saved vertical space)
  • Colors scheme.
  • Abuse of boundaries. Instead, light contrast is used.
  • Select popover - added some shadow for deep effect
  • Dialogs also got shadow effect for deep effect
  • Toggles

If you paste a large clearly AI generated description here your PR may be IGNORED or CLOSED!

How did you verify your code works?

  • Ran elector version
  • Opened and closed elements: sidebars, settings and etc
  • Check theme change

Screenshots / recordings

image image image image

With other themes:
image

Checklist

  • I have tested my changes locally
  • I have not included unrelated changes in this PR

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 9, 2026

Hey! Your PR title Chore/improve ux and design doesn't follow conventional commit format.

Please update it to start with one of:

  • feat: or feat(scope): new feature
  • fix: or fix(scope): bug fix
  • docs: or docs(scope): documentation changes
  • chore: or chore(scope): maintenance tasks
  • refactor: or refactor(scope): code refactoring
  • test: or test(scope): adding or updating tests

Where scope is the package name (e.g., app, desktop, opencode).

See CONTRIBUTING.md for details.

@snatvb snatvb changed the title Chore/improve ux and design chore: improve ux and design Apr 9, 2026
snatvb added 6 commits April 9, 2026 21:06
…xecution

- Replace top progress bar with animated gradient border around input
- Uses conic-gradient with @Property for smooth rotation animation
- Border shows when agent is running (status !== idle)
- Customizable colors via CSS custom properties
- Add setting to choose between glowing border or top progress bar
- Options: 'Glowing border' or 'Top progress bar' (default)
- Setting persists in appearance section
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.

[FEATURE]: Imrovement design and default theme

1 participant