https://github.com/balanceiskey/vim-framer-syntax

Framer X Playground's colors, but in Vim (but especially MacVim)
https://github.com/balanceiskey/vim-framer-syntax

colorscheme framer framerx javascript lightline react themes vim

Last synced: about 1 month ago
JSON representation

Framer X Playground's colors, but in Vim (but especially MacVim)

• Host: GitHub
• URL: https://github.com/balanceiskey/vim-framer-syntax
• Owner: balanceiskey
• Created: 2019-06-14T15:18:01.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-10-28T15:25:17.000Z (over 2 years ago)
• Last Synced: 2024-02-24T11:54:59.395Z (5 months ago)
• Topics: colorscheme, framer, framerx, javascript, lightline, react, themes, vim
• Language: Vim script
• Homepage:
• Size: 52.7 KB
• Stars: 10
• Watchers: 1
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Lists

• awesome-stars - balanceiskey/vim-framer-syntax - Framer X Playground's colors, but in Vim (but especially MacVim) (Vim Script)

README

        
**Caution** - 5/21 - This repository is under construction for the moment as it runs through some transitions and tweaking. We'll shift to a standard release model in the future but for now assume colors, names, etc are all in flux (and be particularly wary if you update your plugins a lot).

# vim-framer-syntax

![framer](https://user-images.githubusercontent.com/470240/60213611-64a8c380-9853-11e9-9933-b3d42d767a0e.gif)

A straight rip of [Framer's beautiful in-app editor](https://www.framer.com/support/using-framer/code-editor/). It's faithful to Framer's original color choices and where necessary, makes tweaks that benefit Vim (think extensions like [lightline](https://github.com/itchyny/lightline.vim) and [ctrlp](https://github.com/kien/ctrlp.vim)) and non-JS based projects. It's built using [estilo](https://github.com/jacoborus/estilo). JavaScript was tuned against pangloss' [vim-javascript](https://github.com/pangloss/vim-javascript).

_Pssssst, I come in a light mode too:_



## Install

This'll work just fine with your plugin-manager-of-choice, just target this repo. With [vim-plug](https://github.com/junegunn/vim-plug) I do this:

```

Plug 'balanceiskey/vim-framer-syntax', { 'branch': 'main' }

```

And run `:PlugInstall`. Set the color scheme by running `:color framer_syntax_dark` (or light) or updating your `.vimrc` with `color framer_syntax_dark` (or light).

## Lightline

To use the accompanying `lightline` theme, add the following to your `.vimrc`:

```

let g:lightline = {

      \ 'colorscheme': 'framer_dark',

      \ }

```