Feat: Improve UI customization / accessibility #1802

Closed
opened 2026-02-16 17:32:41 -05:00 by yindo · 8 comments
Owner

Originally created by @tgrushka on GitHub (Sep 23, 2025).

Originally assigned to: @adamdotdevin on GitHub.

New user here. Thank you for this project!

I am visually impaired and would appreciate the ability to change colors of things and move things out of the way because I use large fonts.

I love the display of context usage in the top right! VS Code / Cursor certainly don't seem to offer this!

However, I wish, e.g., to get rid of one or a few of the lines at the top of the screen. I use very large fonts and it compresses down the scroll area a lot when there is a lot of text at the top. The title line is good but would be good to be able to:

  • limit the title line to a single line at the very top
  • just truncate the title and leave enough room to put the token usage to its right
  • hide the /share to create a shareable link text, I don't need it!

Example:

  ┃  # <|begin_of_box|>Creating AGENTS.md with build/test/style            ┃
  ┃  guidelines<|end_of_box|>                                              ┃
  ┃  /share to create a shareable link                          16.2K/12%  ┃

Sometimes the "begin of box" stuff takes a lot of space. Would be nice if I could have a "compact" UI layout -- not to be confused with /compact -- I understand what that does (compresses the chat history to fit in context window).

Would be great to have such a "compact UI" mode and be able to compress the above to something like:

  ┃  Creating AGENTS.md with build/test/style guide...      16.2K/12%   ┃

And maybe make the token display a bit brighter instead of dark gray on black.

Here's another example (not as bad):

  ┃  # Debugging yew-toasts implementation issues                          ┃
  ┃  /share to create a shareable link                          92.5K/70%  ┃

But still would be nice to have one line:

  ┃  # Debugging yew-toasts implementation issues  92.5K/70% ┃

Maybe also be able to get rid of the

which reads as "box drawings heavy vertical" in screen readers -- yuck! Of course, in my own custom written screen reader, I just replace "┃" with "", which fixes it for me, but would help others to be able to hide these bars.

That's ideas for now.

Thanks again for project. I may create other issues as I find them.

Originally created by @tgrushka on GitHub (Sep 23, 2025). Originally assigned to: @adamdotdevin on GitHub. New user here. Thank you for this project! I am visually impaired and would appreciate the ability to change colors of things and move things out of the way because I use large fonts. I love the display of context usage in the top right! VS Code / Cursor certainly don't seem to offer this! However, I wish, e.g., to get rid of one or a few of the lines at the top of the screen. I use very large fonts and it compresses down the scroll area a lot when there is a lot of text at the top. The title line is good but would be good to be able to: - limit the title line to a single line at the very top - just truncate the title and leave enough room to put the token usage to its right - hide the `/share to create a shareable link` text, I don't need it! Example: ``` ┃ # <|begin_of_box|>Creating AGENTS.md with build/test/style ┃ ┃ guidelines<|end_of_box|> ┃ ┃ /share to create a shareable link 16.2K/12% ┃ ``` Sometimes the "begin of box" stuff takes a lot of space. Would be nice if I could have a "compact" UI layout -- **not to be confused** with `/compact` -- I understand what that does (compresses the chat history to fit in context window). Would be great to have such a "compact UI" mode and be able to compress the above to something like: ``` ┃ Creating AGENTS.md with build/test/style guide... 16.2K/12% ┃ ``` And maybe make the token display a bit brighter instead of dark gray on black. Here's another example (not as bad): ``` ┃ # Debugging yew-toasts implementation issues ┃ ┃ /share to create a shareable link 92.5K/70% ┃ ``` But still would be nice to have one line: ``` ┃ # Debugging yew-toasts implementation issues 92.5K/70% ┃ ``` Maybe also be able to get rid of the ``` ┃ ``` which reads as **"box drawings heavy vertical"** in screen readers -- **yuck!** Of course, in my own custom written screen reader, I just replace "┃" with "", which fixes it for me, but would help others to be able to hide these bars. That's ideas for now. Thanks again for project. I may create other issues as I find them.
yindo closed this issue 2026-02-16 17:32:41 -05:00
Author
Owner

@github-actions[bot] commented on GitHub (Sep 23, 2025):

This issue might be a duplicate of existing issues. Please check:

  • #2641: Similar request to remove warning banners that take up screen space - specifically mentions '/share to create a shareable link' warnings taking up almost entire screen
  • #1107: Request for more vertical space by reducing blank lines at the top of screen, similar to your compact UI layout idea

Feel free to ignore if none of these address your specific accessibility needs.

@github-actions[bot] commented on GitHub (Sep 23, 2025): This issue might be a duplicate of existing issues. Please check: - #2641: Similar request to remove warning banners that take up screen space - specifically mentions '/share to create a shareable link' warnings taking up almost entire screen - #1107: Request for more vertical space by reducing blank lines at the top of screen, similar to your compact UI layout idea Feel free to ignore if none of these address your specific accessibility needs.
Author
Owner

@tgrushka commented on GitHub (Sep 23, 2025):

This is how my screen looks:

Image
@tgrushka commented on GitHub (Sep 23, 2025): This is how my screen looks: <img width="1920" height="1005" alt="Image" src="https://github.com/user-attachments/assets/ef290d3e-9181-487f-82cd-845cc84375d0" />
Author
Owner

@tgrushka commented on GitHub (Sep 23, 2025):

Another example:

Image
@tgrushka commented on GitHub (Sep 23, 2025): Another example: <img width="1899" height="992" alt="Image" src="https://github.com/user-attachments/assets/bb158473-4a46-48a7-908f-8fcd4b175cbc" />
Author
Owner

@rekram1-node commented on GitHub (Sep 23, 2025):

Thanks for the feedback @tgrushka we really appreciate it. The tui is about to get a big overhaul so after that is complete some of these things may be better addressed.

I will keep you posted

@rekram1-node commented on GitHub (Sep 23, 2025): Thanks for the feedback @tgrushka we really appreciate it. The tui is about to get a big overhaul so after that is complete some of these things may be better addressed. I will keep you posted
Author
Owner

@tgrushka commented on GitHub (Sep 23, 2025):

And yes, now I've seen #1107 but this description is slightly different, basically same ask, but hopefully helps clarify the need.

@tgrushka commented on GitHub (Sep 23, 2025): And yes, now I've seen #1107 but this description is slightly different, basically same ask, but hopefully helps clarify the need.
Author
Owner

@rekram1-node commented on GitHub (Sep 23, 2025):

Absolutely, make sense

@rekram1-node commented on GitHub (Sep 23, 2025): Absolutely, make sense
Author
Owner

@tgrushka commented on GitHub (Sep 23, 2025):

Thank you @rekram1-node . When doing the overhaul, allowing color customization of different things in the UI would be wonderful! Thanks so much!

@tgrushka commented on GitHub (Sep 23, 2025): Thank you @rekram1-node . When doing the overhaul, allowing color customization of different things in the UI would be wonderful! Thanks so much!
Author
Owner

@rekram1-node commented on GitHub (Dec 27, 2025):

[automated] Closing due to 90+ days of inactivity. Feel free to reopen if you still need this!

@rekram1-node commented on GitHub (Dec 27, 2025): [automated] Closing due to 90+ days of inactivity. Feel free to reopen if you still need this!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: anomalyco/opencode#1802