Skip to content

Add colorblind theme and command support - #4936

Merged
marius-kilocode merged 4 commits into
Kilo-Org:mainfrom
idreesmuhammadqazi-create:feature/colorblind-support
Jan 13, 2026
Merged

Add colorblind theme and command support#4936
marius-kilocode merged 4 commits into
Kilo-Org:mainfrom
idreesmuhammadqazi-create:feature/colorblind-support

Conversation

@idreesmuhammadqazi-create

@idreesmuhammadqazi-create idreesmuhammadqazi-create commented Jan 10, 2026

Copy link
Copy Markdown
Contributor

Context

Added a new /colorblind command to the Kilo Code CLI that allows users to toggle a colorblind-friendly theme. This feature addresses accessibility needs for users with various forms of color vision deficiency by providing high-contrast colors and patterns that ensure maximum readability and usability.
Implementation

The implementation consists of three main components:

Colorblind Theme Definition ([cli/src/constants/themes/colorblind.ts](https://0crlhg31903o52fbc5a87aqbvvgiccm66vg08vij48l0vif7akdl.assets.github.dev/stable/94e8ae2b28cb5cc932b86e1070569c4463565c37/out/vs/workbench/contrib/webview/browser/pre/cli/src/constants/themes/colorblind.ts:1)): Created a comprehensive colorblind-friendly theme using high-contrast colors:
    Replaced green with bright cyan (#00b3ff) for success states
    Used bright red (#ff4d4d) for error states
    Applied bright yellow (#ffcc00) for warnings
    Used blue (#0072e3) for primary actions
    Ensured maximum contrast with white (#ffffff) for text

Theme Registration ([cli/src/constants/themes/index.ts](https://0crlhg31903o52fbc5a87aqbvvgiccm66vg08vij48l0vif7akdl.assets.github.dev/stable/94e8ae2b28cb5cc932b86e1070569c4463565c37/out/vs/workbench/contrib/webview/browser/pre/cli/src/constants/themes/index.ts:46)): Added the colorblind theme to the theme registry and made it available through the existing theme system.

CLI Command Implementation ([cli/src/commands/colorblind.ts](https://0crlhg31903o52fbc5a87aqbvvgiccm66vg08vij48l0vif7akdl.assets.github.dev/stable/94e8ae2b28cb5cc932b86e1070569c4463565c37/out/vs/workbench/contrib/webview/browser/pre/cli/src/commands/colorblind.ts:1)): Created a new /colorblind command with:
    Support for /colorblind on, /colorblind off, and /colorblind toggle (default)
    Alias /cb for quick access
    Proper error handling and user feedback
    Integration with the existing theme switching infrastructure

The implementation leverages the existing theme system, so the colorblind theme works seamlessly with all CLI components and maintains consistency with other theme switching functionality.

How to Test

Basic functionality: Run /colorblind to toggle the colorblind mode on/off
Explicit commands: Test /colorblind on, /colorblind off, and /colorblind toggle
Alias testing: Verify /cb works as an alias for /colorblind
Integration: Ensure the theme persists across CLI sessions and works with other commands

Get in Touch

Discord: crypt0phage

@changeset-bot

changeset-bot Bot commented Jan 10, 2026

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: 56a2e6d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@kilocode/cli Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@marius-kilocode

Copy link
Copy Markdown
Collaborator

@idreesmuhammadqazi-create a cli changeset is missing.

@idreesmuhammadqazi-create

idreesmuhammadqazi-create commented Jan 11, 2026

Copy link
Copy Markdown
Contributor Author

added a changeset
@marius-kilocode

@marius-kilocode marius-kilocode added the CLI Kilo Code CLI label Jan 12, 2026
@marius-kilocode

marius-kilocode commented Jan 13, 2026

Copy link
Copy Markdown
Collaborator

@idreesmuhammadqazi-create thanks for the adjustments. Can we keep the colorblind theme but remove the /colorblind slash command for now? I don't see this in the public slash command API. Most of our users are not colorblind and if you are colorblind you are only going to use this once.

@idreesmuhammadqazi-create

Copy link
Copy Markdown
Contributor Author

@marius-kilocode yeah the /colorblind command was an overkill
removed it

Comment thread cli/src/commands/colorblind.ts Outdated
name: "colorblind",
aliases: ["cb"],
description: "Toggle colorblind-friendly theme",
usage: "/colorblind [on|off]",

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would it not be enough to have the colorblind theme selectable via /theme?

The toggle mechanism hard resets to the dark them when the colorblind theme is un-toggled .

@marius-kilocode
marius-kilocode enabled auto-merge (squash) January 13, 2026 13:34
@marius-kilocode
marius-kilocode merged commit bfcd1d5 into Kilo-Org:main Jan 13, 2026
12 checks passed
@idreesmuhammadqazi-create
idreesmuhammadqazi-create deleted the feature/colorblind-support branch January 14, 2026 11:32
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLI Kilo Code CLI

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants