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.

Reviews

159717
254616
1165177
 +2 reviews
  • 254616
    Reony TonneyckDesigner & EV Advocate
    Pros: 

    Really nice bright color combinations, Framer branding

    Cons: 

    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.

Discussion

You need to become a Contributor to join the discussion - Find out how.
4024
Benjamin den BoerMakerHiring@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.
159717
Prakhar Bhardwaj@mag_ops · Web Designer + Developer @ ClearTax.in
@benjaminnathan this is such a cool theme. Can you tell me what font are you using in the screenshots?
444521
Georgemaine LourensHiring@georgemaine_lourens · Designer
@benjaminnathan @mag_ops It's Input Mono, you can get it here http://input.fontbureau.com/down...
192366
Amir@amirmasoudabdol · Researcher
@benjaminnathan Please add Sublime Text version too 🙏🏼
172478
Marcelo Risoli@mgrisoli · Web app developer
Love it, can we get the same for iTerm2 or Hyper.js?
911175
Greg Rog@learnuxio · **Idea Architect** @ learnux.io
Just perfect! 👌 well done! Is Sublime on the radar as well?
312859
Jurre HoutkampMakerHiring@jurrehoutkamp · Product Designer at Framer
Love it
183382
Alessandro Tesoro@themesdepot · Web Designer & Web Developer
Just downloaded and installed, it's great :D