Framer
Design and ship your dream site with zero code
Start new thread
Benjamin den Boer

Framer Syntax Theme - A beautiful VSCode & Atom theme, inspired by our code editor

by
Framer
•

Syntax is a new theme inspired by the color, clarity and characteristics of Framer’s popular code editor. By using visual aids like specific selection highlighting and custom widget styling, this minimalist dark theme helps you understand the structure of your code, even while editing large files.

Add a comment

Replies

Best
Benjamin den Boer
Framer
Maker
Say hello to Framer Syntax, a beautifully minimalist dark theme for Atom and VSCode. It contains all the color, clarity and characteristics you know and love about our popular code editor. From specific selection highlighting to custom widget styling, Syntax offers all the structure you need to build amazing products for the Web.
Prakhar Bhardwaj
@benjaminnathan this is such a cool theme. Can you tell me what font are you using in the screenshots?
Georgemaine
Pitch
@benjaminnathan @mag_ops It's Input Mono, you can get it here http://input.fontbureau.com/down...
Amir
@benjaminnathan Please add Sublime Text version too 🙏🏼
Marcelo Risoli
Love it, can we get the same for iTerm2 or Hyper.js?
Reony T
Wireframe Components Kit

I ended up overwriting the background colors with the VS Code defaults. Much easier contrast on the eyes, along with the Framer Syntax colors. Here's the User Settings snippet if you wanna try it out:

{

"window.zoomLevel": 0,

"workbench.colorTheme": "Framer Syntax",

"workbench.colorCustomizations": {

"statusBar.background": "#279DF9",

"statusBar.foreground": "#fff",

"statusBarItem.hoverBackground": "#2183D0",

"statusBarItem.activeBackground": "#53B0F9",

"panel.background": "#1e1e1e",

"sideBar.background": "#1e1e1e",

"editor.background": "#1e1e1e",

"editorGutter.background": "#1a1a1a"

}

}

Pros:

Really nice bright color combinations, Framer branding

Cons:

Too high contrast in my opinion, especially for using all day

Jurre Houtkamp
Framer
Maker
Love it
Alessandro Tesoro
Just downloaded and installed, it's great :D
Chris Underdown
Bitdock
Love everything you guys do. I use Framer for design and prototyping and Atom as my preferred text editor, so this is aweesommeee 🙌
David Hellmann
Please do that for PHP Storm :D
Abin Jacob
Awesome! Totally loved it! 😻
Joshua Pekera
Beautiful you guys. Keep up the amazing work.
Gonçalo Morais
I wish there was a light counterpart of this…
12
Next
Last