Framer Syntax Theme

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


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.

1 Reviews
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.