Do you love Notion too? Well, I do a lot actually and that's why I built this for all the folks out there. Its a fancy but yet sophisticated light color scheme theme for Visual Studio Code.I have kept in mind the aesthetics, contrast and readability for a greater experience.
Give it a try :)
- Open Extensions sidebar panel in VS Code: View → Extensions
- Search for Notion Code Theme - by Harshit Gangwar
- Click Install to install it.
- Click Reload to reload the your editor
- Go to settings and choose "Color Theme" or use shortcut [Ctrl K + T]
P.S. You could also visit marketplace and install the theme
Here are a bunch of screenshots. I tested on a few languages that are soaring these days, these are just a few.
C#
C++
CSS
HTML
Java
JavaScript
PHP
Python
Ruby
Swift
File Explorer
Terminal
- vscode - VS Code editor
- yo code - Extension Generator
- vsce - Publishing Tool Reference
If you want to play around with new colors, use the setting workbench.colorCustomizations to customize. For example, you can add this snippet in your "settings.json" file:
"workbench.colorCustomizations": {
"tab.activeBackground": "#4DAB9A",
"activityBar.background": "#4DAB9A"
}
or use the setting editor.tokenColorCustomizations
"editor.tokenColorCustomizations": {
"[Notion Code Theme]": {
"textMateRules": [
{
"scope": ["source.python"],
"settings": {
"foreground": "#FBF3DB"
}
}
]
}
}
| Pallete | Colors(Hex) |
|---|---|
| foreground | #37352F |
| background | #F7F6F3 |
| selectionBackground | #DDEBF1 |
| comment | #708090 |
| orange | #FFA344 |
| pink | #E255A1 |
| blue | #529CCA |
| purple | #9A6DD7 |
| green | #4DAB9A |
| grey | #979A9B |
Please reach out to me on GitHub issues. Suggestions and costructive criticism is always welcome.
Harshit Gangwar @portfolio @github