Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Kiro Rider LightNew to Visual Studio Code? Get it now.
Kiro Rider Light

Kiro Rider Light

Nikolai Fedorov

|
2 installs
| (0) | Free
Light color theme for VS Code and Kiro IDE inspired by JetBrains Rider Light. OKLCH-based syntax palette with WCAG AA contrast, 465 UI colors, and full terminal ANSI support.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Kiro Rider Light

A light color theme for VS Code and Kiro IDE inspired by JetBrains Rider Light.

Designed to feel light and clean while keeping syntax readable. Classes, functions, and keywords look the same whether you're in Kotlin, Java, TypeScript, or Python -- so switching between languages doesn't mean re-learning the color map.

Includes dedicated highlighting scopes for Kotlin LSP and basedpyright, with WCAG AA contrast ratios throughout.

Overall UI

Kotlin highlighting Python highlighting

Screenshots

  • Kotlin
  • Java
  • TypeScript
  • JavaScript
  • Python
  • Markdown
  • YAML
  • JSON
  • HTML
  • CSS

Features

  • Works in VS Code and Kiro IDE
  • Consistent syntax colors across Kotlin, Java, TypeScript, JavaScript, Python, Markdown, YAML, JSON, HTML, and CSS -- a class is always purple, a function is always green, regardless of language
  • Dedicated scopes for Kotlin LSP and basedpyright so Kotlin and Python get proper semantic highlighting
  • 17 syntax roles generated from an OKLCH harmony wheel, all passing WCAG AA (4.5:1) on white
  • 465 UI colors covering editor, terminal, debug, testing, VCS, and more
  • Full 16-color ANSI terminal palette at perceptually uniform lightness
  • Python-based generator for easy customization

Syntax palette

Role Color
Functions #007561 Green
Types / Classes #7922A7 Purple
Keywords #305EDD Blue
Fields / Properties #00819D Teal
Strings #A26955 Brown
Numbers #C24C82 Magenta
Comments #5C822E Muted green
Metadata / Annotations #977100 Olive

Installation

Install from the VS Code Marketplace or Open VSX, or search for "Kiro Rider Light" in the Extensions view.

Or install a .vsix directly:

code --install-extension kiro-rider-light-0.1.0.vsix

Generator

The theme JSON is generated from Python source in theme_gen/. To regenerate after changes:

cd theme_gen
uv run main.py

This writes themes/Kiro Rider Light-color-theme.json and prints a summary of color/token/semantic counts.

Test locally

  1. Open this folder in VS Code or Kiro
  2. Press F5 to launch the Extension Development Host
  3. In the new window: Cmd+K Cmd+T and select "Kiro Rider Light"

Contributing

Pull requests are welcome. Repository: github.com/Unril/kiro-rider-light

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft