Framer Web Syntax

A Syntax Theme for VSCode - Alpha Release

The unofficial theme for folks who prefer working in VSCode while creating awesome stuff in Framer

Installation

From the Web

1. For an easy installation, go to visit the theme's page on the VSCode Marketplace and hit the "Install" button.
2. Confirm that you want the page to open VSCode
3. Click the "install" button on the theme's page within VSCode.

From VSCode

1. In VSCode, go to "Preferences" -> "Color Theme"
2. Select "Install Additional Color Themes…"
3. Type in "framer web syntax" and click to install

Aligning the Editor Typeface

1. Download Input Mono and install the font files on your system
2. Go to your VSCode settings, search for "font"
3. Prepend 'Input Mono', to your "Font Family" stack, for instance like: 'Input Mono', Menlo, Monaco, 'Courier New', monospace
4. [Optional] Set "Font Weight" to 300 to further align font rendering with Framer Web / Desktop.