Skip to content

Latest commit

 

History

History
107 lines (74 loc) · 2.42 KB

colorschemes.md

File metadata and controls

107 lines (74 loc) · 2.42 KB
Raw

Colorschemes

Define syntax highlighting

Open estilos/syntax/base.yml (and then the other templates inside the folder) with vim and fill its definitions with these rules:

  • first value is the foreground (guifg)
  • second value is the background (guibg)
  • the third value is for text styles, and you should write just the key letter of every style (b: bold, r: reverse, u: underline, i: italic, c: undercurl)
  • fourth value is the undercurl color (guisp, only for gVim)
  • a hyphen (-) or an ommited value will be rendered as NONE
  • a dot (.) will not render this foreground/background/style

syntax-help

Examples (template - result):

Omitting values:

Comment: 'sky'
hi Comment guifg=#bbddff ctermfg=153 guibg=NONE ctermbg=NONE gui=NONE cterm=NONE

Omitting values with dashes:

Title: '- cherry bu'
hi Title guifg=NONE ctermfg=NONE guibg=ffbbcc ctermbg=218 gui=bold,underline cterm=bold,underline

Prevent to print style with dots

Other: '. . ri'
hi Other gui=reverse,italic cterm=reverse,italic

Link to other definition:

WarningMsg: '@Title'
hi link WarningMsg Title

Add more syntax highlighting templates

Estilo bundles a pack of templates for common language syntaxes and plugins, you can add them to the estilos/syntax folder of your project

See list of available syntax templates

Add colors to terminal

Open estilos/terminal.yml and fill each value with a color from your palette.

Add colorschemes to estilo.yml

Open estilo.yml file and add an object for each colorcheme with its parameters inside colorschemes list. Every one has 3 parameters:

  • name: the name of the colorscheme (should have not spaces)
  • background: 'dark' or 'light' ('dark' by default)
  • palette: the name of the color palette. It's the same as the file inside palettes folder without the .yml extension

Example:

colorschemes:
  - name: 'awesome-night'
    background: 'dark'
    palette: 'night'
  - name: 'awesome-day'
    background: 'light'
    palette: 'day'

Render

With the command line in the project folder:

estilo render

Rendered files are in colors folder of your project

Next: Airline themes