Claude Code Vscode Extension Rtl

Claude Code Extension RTL Fix

A simple script to add RTL (Right-to-Left) text support to the Claude Code extension in VS Code-based IDEs.

Supported IDEs

• VSCode
• VSCode Insiders
• Cursor
• Windsurf
• Windsurf Next

Supported RTL Languages

• Persian (Farsi)
• Arabic
• Urdu
• Pashto
• Kurdish
• Dari
• Sindhi
• And other RTL scripts

Installation

macOS / Linux

# Clone the repository
git clone https://github.com/YOUR_USERNAME/claude-code-extension-rtl.git
cd claude-code-extension-rtl

# Make the script executable
chmod +x fix-rtl-claude.sh

# Run the script
./fix-rtl-claude.sh

Options

# Basic RTL support (no custom font)
./fix-rtl-claude.sh

# With Vazirmatn font (recommended for Persian/Arabic)
./fix-rtl-claude.sh --with-font

# Show help
./fix-rtl-claude.sh --help

Windows

# Clone the repository
git clone https://github.com/YOUR_USERNAME/claude-code-extension-rtl.git
cd claude-code-extension-rtl

# Run the script
.\fix-rtl-claude.ps1

Options

# Basic RTL support (no custom font)
.\fix-rtl-claude.ps1

# With Vazirmatn font (recommended for Persian/Arabic)
.\fix-rtl-claude.ps1 -WithFont

# Show help
.\fix-rtl-claude.ps1 -Help

**Note:** If you get an execution policy error, run PowerShell as Administrator and execute:

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

After Claude Code Updates

The extension updates may overwrite the CSS changes. Simply run the script again after each update:

**macOS/Linux:**

./fix-rtl-claude.sh

**Windows:**

.\fix-rtl-claude.ps1

How It Works

The script patches the `index.css` file in the Claude Code extension webview folder with RTL-specific CSS rules:

• Sets direction: rtl for text elements
• Preserves LTR for code blocks and diffs
• Optionally adds Vazirmatn font for better Persian/Arabic rendering

A backup of the original CSS file is created autom