Notion Code Theme

Description

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 :)

Installing

1. Open Extensions sidebar panel in VS Code: View → Extensions
2. Search for Notion Code Theme - by Harshit Gangwar
3. Click Install to install it.
4. Click Reload to reload the your editor
5. Go to settings and choose "Color Theme" or use shortcut [Ctrl K + T]

P.S. You could also visit marketplace and install the theme

Screenshots

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

Sneak Peek

File Explorer

Terminal

Built With

• vscode - VS Code editor
• yo code - Extension Generator
• vsce - Publishing Tool Reference
  
  

Tweaks & theming

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"
        }
      }
    ]
  }
}

If something doesn't feet right

Please reach out to me on GitHub issues. Suggestions and costructive criticism is always welcome.

Author

Harshit Gangwar @portfolio @github