MR Theme
Professional color themes for VS Code and Cursor — tuned for readability, clear syntax, and long coding sessions.
Themes
| Theme |
Style |
Best for |
| MR Theme |
Classic dark |
Everyday coding, familiar Dark+ feel |
| MR Theme Light |
Clean light |
Daytime work, bright rooms |
| MR Theme Professional |
Cool slate |
Meetings, reviews, polished UI chrome |
| MR Midnight |
Deep navy |
Late-night sessions, high contrast |
| MR Carbon |
Near-black + gold |
Deep focus, minimal distraction |
| MR Aurora |
Violet modern |
Full-stack / frontend work |
| MR Harbor |
Teal / cyan |
Backend, DevOps, terminal-heavy work |
| MR Theme Beginner |
HTML color-coded |
Learning HTML and web basics |
Installation
From VS Code Marketplace
- Open VS Code or Cursor
- Go to Extensions (
Cmd+Shift+X / Ctrl+Shift+X)
- Search for MR Theme
- Click Install
From a local .vsix (update / reinstall)
# From the project root
npx @vscode/vsce package
code --install-extension mr-theme-1.7.0.vsix --force
For Cursor:
cursor --install-extension mr-theme-1.7.0.vsix --force
Then reload the window: Cmd+Shift+P → Developer: Reload Window.
From source (development)
- Clone this repository
- Open the folder in VS Code
- Press
F5 to launch an Extension Development Host
- In the new window:
Cmd+K Cmd+T (or Ctrl+K Ctrl+T) and pick a theme
Usage
Cmd+Shift+P / Ctrl+Shift+P- Preferences: Color Theme
- Choose one of the MR themes above
Color palettes
MR Theme (classic dark)
- Background:
#1e1e1e
- Foreground:
#d4d4d4
- Keywords:
#569cd6 · Strings: #ce9178 · Functions: #dcdcaa · Types: #4ec9b0
MR Theme Light
- Background:
#fafafa
- Foreground:
#24292f
- Keywords:
#cf222e · Strings: #0a3069 · Functions: #8250df · Types: #953800
MR Theme Professional
- Background:
#1a1d23
- Foreground:
#c8cdd3
- Keywords:
#c678dd · Strings: #98c379 · Functions: #61afef · Types: #e5c07b
MR Midnight
- Background:
#0d1117
- Foreground:
#e6edf3
- Keywords:
#ff7b72 · Strings: #a5d6ff · Functions: #d2a8ff · Types: #ffa657
MR Carbon
- Background:
#111111
- Foreground:
#e0e0e0
- Keywords:
#b294bb · Strings: #b5bd68 · Functions: #81a2be · Types: #f0c674
MR Aurora
- Background:
#13111c
- Foreground:
#e4e0f0
- Keywords:
#bb9af7 · Strings: #9ece6a · Functions: #7aa2f7 · Types: #7dcfff
MR Harbor
- Background:
#0f1419
- Foreground:
#d9e1e8
- Keywords:
#ff8f40 · Strings: #7fd962 · Functions: #59c2ff · Types: #39bae6
MR Theme Beginner
- Background:
#1e1e1e
- HTML tags:
#9cdcfe · Attributes: #ce9178 · Strings/class/id: #6a9955 · Text: #dcdcaa
Beginner recommended settings: font size 14, line height 24.
Apply via Command Palette: Apply Recommended Settings for MR Theme Beginner.
How to update this theme in VS Code
After you change theme JSON or bump the version:
- Package
npx @vscode/vsce package
# or: ./publish.sh package
- Install over the old version
code --install-extension mr-theme-1.7.0.vsix --force
- Reload
Cmd+Shift+P → Developer: Reload Window
- Pick the theme
Cmd+K Cmd+T → select e.g. MR Midnight
If you already have the extension open from source with F5, just reload the Extension Development Host window after saving theme files.
To publish to the Marketplace (after login):
./publish.sh publish
See PUBLISHING.md for the full Marketplace flow.
Rate this theme
- Status bar: Rate MR Theme
- Or Command Palette: Rate MR Theme
Contributing
Contributions are welcome — open a pull request with theme tweaks or new variants.
License
MIT — see LICENSE.
Changelog
See CHANGELOG.md.
