VS Code Extensions
R

Raycast Theme

by fu-chen

A light and dark VS Code theme based on the Codex App Raycast theme resources.

Downloads

50

Rating

— (0)

Version

0.0.1

Last updated

May 15, 2026

Raycast Theme is a VS Code color theme extension with light and dark variants generated from the Codex App Raycast theme resource files in resources/. The resource JavaScript files are the primary source for VS Code colors and tokenColors, while the copied Codex theme configs calibrate shared theme values such as surface, ink, accent, semantic diff colors, and font recommendations.

Themes

  • Raycast Light
  • Raycast Dark

The generated VS Code themes strictly use the colors and tokenColors exported by:

  • resources/raycast-light.js
  • resources/raycast-dark.js

The auxiliary Codex theme configs are copied into:

  • resources/raycast-light.json
  • resources/raycast-dark.json

Fonts

VS Code color themes cannot force editor or UI fonts. To match the Codex theme configs, set the editor font in your VS Code settings:

{
  "editor.fontFamily": "\"JetBrainsMono Nerd Font Mono\", \"Sarasa Term SC Nerd\", monospace"
}

Development

bun test
bun run build

bun run build creates a local .vsix package.

Related extensions