drotion
A clean, minimal dark theme inspired by Notion's UI — with Dracula-style syntax highlighting.
Features
- Neutral dark UI – background
#191919, sidebar #202020.
- Blue accent –
#2383e2 for selections, focus, and active elements.
- Dracula syntax highlighting – vibrant token colors for code.
Compatibility
Works with VS Code and any VS Code-compatible editor, including:
- Visual Studio Code
- VSCodium
- Cursor
- Antigravity IDE
- Windsurf
- Any other VS Code fork
Install
Option 1 — Marketplace (recommended)
- Open your editor's Extensions view (
Ctrl+Shift+X).
- Search for drotion (publisher VyomJain).
- Click Install, then select drotion in the Color Theme picker (
Ctrl+K Ctrl+T).
Option 2 — From VSIX
- Download/obtain the
drotion-1.0.1.vsix file.
- Open the Command Palette (
Ctrl+Shift+P).
- Run Extensions: Install from VSIX... and select the file.
- Pick drotion in the Color Theme picker.
Option 3 — Manual (offline)
- Copy the extension folder (
vyomjain.drotion-1.0.1-universal) into your editor's extensions directory:
- VS Code:
~/.vscode/extensions/
- VSCodium:
~/.vscodium/extensions/ (or ~/.config/VSCodium/extensions/)
- Cursor:
~/.cursor/extensions/
- Antigravity IDE:
~/.antigravity-ide/extensions/
- Restart the editor.
- Select drotion in the Color Theme picker (
Ctrl+K Ctrl+T).
Screenshots
Recommended Settings
{
"editor.renderLineHighlight": "gutter",
"editor.lineHeight": 2,
"editor.fontLigatures": true,
"workbench.colorCustomizations": {
"editorCursor.background": "#000000"
}
}
License
MIT License
Feel free to open an issue or pull request if you'd like to improve this theme.
| |
