personalsetting

Personal Cursor IDE configuration: a warm "Claude Ivory" color palette + Maple Mono NF CN typography + customizations for the Anthropic Claude Code extension's chat panel.

Files

File	What it does
cursor-settings.json	Cursor user settings: theme, fonts, full workbench.colorCustomizations for the ivory palette
cursor-settings.ivory-backup.json	Frozen-in-time backup of the same
reapply-claude-css.ps1	PowerShell script that re-patches the Claude Code extension's webview CSS after extension updates

What it looks like

• Background: ivory #F5F1E8
• Accent (cursor, focus, active tab border): clay-orange #C15F3C
• Text: dark charcoal #2B2B2B
• Links in chat: slate-blue #3F6E8E, hover clay-orange
• Diff blocks (Claude Code chat): warm dark #6B5B4A (instead of stock cold #1e1e1e)
• Font: Maple Mono NF CN — equal-width Chinese + Latin

Setup on a fresh machine

1. Install Cursor + the Anthropic Claude Code extension.

2. Install the font: download MapleMono-NF-CN.zip from the Maple Mono releases, extract, install all .ttf files (right-click → Install for current user).

3. Drop in the settings:

   Copy-Item .\cursor-settings.json "$env:APPDATA\Cursor\User\settings.json" -Force

4. Patch the Claude Code extension's CSS (re-run after every extension update):

   .\reapply-claude-css.ps1

5. Restart Cursor:

   Get-Process Cursor -ErrorAction SilentlyContinue | Stop-Process -Force

Why a separate script for the chat panel?

The Claude Code extension renders its chat panel inside a webview that doesn't read the standard editor.fontFamily or chat.editor.* settings for the message body — instead it uses the CSS variable --vscode-chat-font-family, which Cursor doesn't propagate from user settings. Likewise, the embedded diff editor inside the chat is hardcoded to the Monaco .vs-dark theme regardless of your chosen IDE theme.

The reapply-claude-css.ps1 script writes three small CSS modifications directly into the extension's bundled webview/index.css:

1. Replaces the body rule's font-family with Maple Mono NF CN at 16px and lets the color follow --vscode-foreground.
2. Appends a link-color override: a[href] { color: #3F6E8E } with clay-orange hover.
3. Appends a "warm dark" override that re-skins the .vs-dark Monaco diff editor to use #6B5B4A (warm coffee) instead of #1e1e1e — including the gutter, via overriding the relevant CSS custom properties at .vs-dark scope.

These edits are erased every time the extension auto-updates (the new version's index.css is fresh). The script is idempotent: it detects whether each patch is already in place and skips if so. Run it whenever the chat panel reverts visually.

Compatibility

• Tested on Cursor (any recent version) on Windows 11.
• Targets the anthropic.claude-code-*-win32-x64 extension family. The script auto-detects the latest installed version.
• The settings.json should be portable to VS Code as well, with the caveat that claudeCode.* keys are specific to the Anthropic extension.

License

MIT for the script and configuration. The cursor-settings.json block is just a list of color/font preferences and contains no third-party code.