Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Raycast ThemeNew to Visual Studio Code? Get it now.
Raycast Theme

Raycast Theme

Chen Fu

|
3 installs
| (0) | Free
A light and dark VS Code theme based on the Codex App Raycast theme resources.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Raycast Theme

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

  • JetBrainsMono Nerd Font Mono
    • Download JetBrainsMono.zip, then install it.
  • Sarasa-Term-SC-Nerd 简体中文终端更纱黑体+Nerd图标字体库

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.

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