Skip to content

UI Issues - Unreadable transparent "Mode" and "API Configuration" section. Almost invisible transparent icon buttons for Add Context, Send Message #306

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
agape-apps opened this issue May 3, 2025 · 4 comments · Fixed by #360
Assignees
Labels
community-sourced Issues that came from Kilo Code community members user-interface

Comments

@agape-apps
Copy link

Which version of the app are you using?

Version: 4.20.0

Which API Provider are you using?

Kilo Code

Which Model are you using?

Claude 3.7

What happened?

Unreadable transparent "Mode" and "API Configuration" section

Almost invisible transparent icon buttons for Add Context, Send Message

Also "Claude" is cut-off very short by the button (Clau...), whereas the Orchestrator button expands in width.

Image

Image

Steps to reproduce

  1. Open the extension and add a longer text prompt

Relevant API REQUEST output

Additional context

No response

@agape-apps agape-apps added the bug label May 3, 2025
@kevinvandijk
Copy link
Collaborator

Thanks @agape-apps! Being worked on to fix in #264 . I was not aware it actually blocked clicking buttons though so will put prio on this the coming week, thanks for making us aware!

@olearycrew olearycrew added the community-sourced Issues that came from Kilo Code community members label May 5, 2025
@lifesized lifesized self-assigned this May 5, 2025
@lifesized
Copy link

@agape-apps Thanks for reporting. Yes, concur with @kevinvandijk we hope to get a fix in soon.

  • Tasks text should not appear below the "mode", "model" and other buttons.
  • We need to take a closer look at contrast for button labels so they are more visible in lighter themes.

@janpaul123 janpaul123 removed the bug label May 5, 2025
@HadesArchitect
Copy link
Contributor

#323 Can be related to this one

@lifesized
Copy link

lifesized commented May 7, 2025

The text should appear more like the top Roo interface when handling the text. I don't think we restricted the scrollable area to be separate from the buttons at the bottom which we need to do though we still want our buttons inside the prompt editor canvas similar to Cursor.
The first image is from Roo
Image
This is the image from Kilo and you can see the scroll bar dips into the area with the buttons, so we need to restrict the area for text to above the buttons below.
Image
Cursor prompt editor with some text and scroll bar showing.
Image

@beatlevic beatlevic self-assigned this May 7, 2025
@beatlevic beatlevic moved this to Todo in Kilo Code Roadmap May 7, 2025
@kevinvandijk kevinvandijk marked this as a duplicate of #264 May 7, 2025
@beatlevic beatlevic moved this from Todo to In Progress in Kilo Code Roadmap May 8, 2025
@github-project-automation github-project-automation bot moved this from In Progress to Done in Kilo Code Roadmap May 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
community-sourced Issues that came from Kilo Code community members user-interface
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

7 participants