Rider Dark Theme
A dark color theme for Visual Studio Code inspired by JetBrains Rider's color palette.
Features
- Dark background optimized for long coding sessions
- Carefully chosen syntax colors for readability
- Support for: JavaScript, TypeScript, HTML, CSS, JSON, YAML, XML, Markdown, and more
Installation
- Open Extensions in VS Code (
Ctrl+Shift+X)
- Search for
Rider Dark Theme
- Click Install
- Open Command Palette (
Ctrl+Shift+P) → Preferences: Color Theme → Select Rider Dark Theme
Recommended Settings
For the best experience, add these to your settings.json:
"editor.fontSize": 20,
"editor.fontWeight": "300",
"editor.fontFamily": "JetBrains Mono",
"editor.lineHeight": 1.8,
"editor.semanticHighlighting.enabled": true,
"editor.bracketPairColorization.enabled": false
Note: JetBrains Mono font must be installed on your system.
Color Palette
| Role |
Color |
| Background |
#202020 |
| Foreground |
#d0d0d0 |
| Keywords |
#6C95EB |
| Strings |
#C9A26D |
| Functions |
#39CC9B |
| Classes |
#C191FF |
| Comments |
#85C46C |
| Numbers |
#ED94C0 |
| Fields |
#66C3CC |
License
MIT © delarmuss
| |
