Skip to content

๐ŸŽจ Light Notion color scheme inspired by the Notion code blocks.

Notifications You must be signed in to change notification settings

KevinRousseau/notion-inspired-color-scheme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

2 Commits
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽจ Notion Inspired color scheme

If you like using Notion like many people, and you're a developer, you might have used the code blocks.

With this Notion Inspired light color scheme I attempt to replicate the โœจ look and feel โœจof the code blocks color scheme within Notion.

๐Ÿ–Œ๏ธ Previews & colors

PHP HTML SCSS

Color HEX
#DE4F6C #DE4F6C
#8C1A54 #8C1A54
#0082BE #0082BE
#71982C #71982C
#937043 #937043
#999999 #999999
#373530 #373530

โšก๏ธ Installation

  1. Download the color scheme .icls file located here.
  2. In your JetBrains IDE go to Settings | Editor | Color Scheme.
  3. Press the settings icon on the right side of the dropdown and press Import Scheme....
  4. Select the .icls file you've downloaded in step 1.
  5. All set! ๐Ÿ”ฅ

๐Ÿ“š Supported languages

This scheme is created with the PhpStorm IDE by JetBrains and has been optimised for the following:

  • PHP
  • HTML
  • CSS
  • Sass / Scss / Less
  • Javascript / Typescript
  • SQL

The color scheme should be good for use in other JetBrains IDEs, if not feel free to contribute some updates ๐Ÿš€

๐Ÿ“ˆ Other IDEs

Working towards bringing this theme to other popular IDEs as well.

Planning to provide variants for:

  • Visual Studio Code
  • Sublime Text

โš ๏ธ Issues

Having issues with some color combinations? Unfortunately the color combination won't be for everyone.

However, in case of really breaking combinations you're always welcome to point these out!

About

๐ŸŽจ Light Notion color scheme inspired by the Notion code blocks.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published