Skip to content

Fix contrast on "ideas" intro screen #5644

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.

Sign up for GitHub

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

Merged
lambertjosh merged 4 commits into from
Feb 5, 2026
Merged

Fix contrast on "ideas" intro screen #5644

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
aaf74c7
Improve idea suggestion icon contrast
bernaferrari Feb 4, 2026
e3f353f
changeset
bernaferrari Feb 5, 2026
e4e7e14
Update contrast on ideas intro screen
lambertjosh Feb 5, 2026
ab58930
Merge branch 'main' into fix/dark-mode-icons
lambertjosh Feb 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions .changeset/fix-ideas-contrast.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
"kilo-code": patch
---

Fix contrast on "ideas" intro screen (thanks @bernaferrari!)
6 changes: 3 additions & 3 deletions webview-ui/src/components/kilocode/chat/IdeaSuggestionsBox.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,11 +57,11 @@ export const IdeaSuggestionsBox = () => {
{/* Header section */}
<div className="text-center mb-5">
<div className="inline-flex items-center gap-2 mb-2">
<Sparkles className="w-4 h-4 text-vscode-focusBorder" />
<Sparkles className="w-4 h-4 text-vscode-foreground" />
<p className="text-base font-semibold text-vscode-foreground m-0">
{t("ideaSuggestionsBox.newHere")}
</p>
<Sparkles className="w-4 h-4 text-vscode-focusBorder" />
<Sparkles className="w-4 h-4 text-vscode-foreground" />
</div>
<p className="text-sm text-vscode-descriptionForeground m-0">
{t("ideaSuggestionsBox.tryOneOfThese")}
Expand All @@ -81,7 +81,7 @@ export const IdeaSuggestionsBox = () => {
style={{
background: "color-mix(in srgb, var(--vscode-focusBorder) 15%, transparent)",
}}>
<Lightbulb className="w-4 h-4 text-vscode-focusBorder transition-colors duration-200 group-hover:text-vscode-button-foreground" />
<Lightbulb className="w-4 h-4 text-vscode-foreground transition-colors duration-200 group-hover:text-vscode-button-foreground" />
</div>
<span className="flex-1 text-vscode-foreground leading-relaxed pt-0.5">{idea}</span>
<ArrowRight className="w-4 h-4 text-vscode-descriptionForeground opacity-0 group-hover:opacity-100 transition-opacity duration-200 mt-1" />
Expand Down
Loading