Framer Syntax Theme

A beautiful VSCode & Atom theme, inspired by our code editor

get it

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.

Prakhar Bhardwaj
Reony Tonneyck
 +2 reviews
  • Reony Tonneyck
    Reony TonneyckProduct Designer & EV Advocate

    Really nice bright color combinations, Framer branding


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

    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"



    Reony Tonneyck has used this product for one day.
You need to become a Contributor to join the discussion.
Benjamin den Boer
Benjamin den BoerMaker@benjaminnathan · Designer
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
Prakhar Bhardwaj@mag_ops · Web Designer + Developer @
@benjaminnathan this is such a cool theme. Can you tell me what font are you using in the screenshots?
Georgemaine Lourens
Georgemaine Lourens@georgemaine_lourens · Designer
@benjaminnathan @mag_ops It's Input Mono, you can get it here
Amir@amirmasoudabdol · Researcher
@benjaminnathan Please add Sublime Text version too 🙏🏼
Marcelo Risoli
Marcelo Risoli@mgrisoli · Web app developer
Love it, can we get the same for iTerm2 or Hyper.js?
Greg Rog
Greg Rog@learnuxio · **Idea Architect** @
Just perfect! 👌 well done! Is Sublime on the radar as well?
Jurre Houtkamp
Jurre HoutkampMaker@jurrehoutkamp · Product Designer at Framer
Love it
Alessandro Tesoro
Alessandro Tesoro@themesdepot · Web Designer & Web Developer
Just downloaded and installed, it's great :D