IkeqIkeq

The whole problem with the world is that fools and fanatics are always so certain of themselves, but wiser people so full of doubts.

Highlighting Palette

Feb 1, 2019

Inside uses base16 for syntax highlighting. A base16 theme is always exactly 16 hex colors. Here’s what each index represents and how they’re applied:

The 16 Colors

Index Role Example usage
0 Lightest background Code block background
1–3 Background shades Line numbers, gutter
4–6 Foreground/muted Comments, dimmed text
7 Darkest foreground Default text
8 Red Strings, errors
9 Orange Numbers, constants
10 Yellow Titles, class names
11 Green Keywords, types
12 Cyan Functions, operators
13 Blue Classes, namespaces
14 Magenta Regex, special chars
15 Brown Tags, attributes

Live Demo

Toggle dark mode in the sidebar to see both light and dark palettes in action.

Available Presets

Inside ships with several preset base16 themes ready to copy into your _config.inside.yml.

Atelier Dune Light (default)

1
2
3
4
5
highlight:
- '#f8f8f8' - '#e8e8e8' - '#d8d8d8' - '#b8b8b8'
- '#585858' - '#383838' - '#282828' - '#181818'
- '#ab4642' - '#dc9656' - '#f7ca88' - '#a1b56c'
- '#86c1b9' - '#7cafc2' - '#ba8baf' - '#a16946'

Tomorrow Night (dark)

1
2
3
4
5
highlight:
- '#1d1f21' - '#282a2e' - '#373b41' - '#969896'
- '#b4b7b4' - '#c5c8c6' - '#e0e0e0' - '#ffffff'
- '#cc6666' - '#de935f' - '#f0c674' - '#b5bd68'
- '#8abeb7' - '#81a2be' - '#b294bb' - '#a3685a'

Harmonic16 Light

1
2
3
4
5
highlight:
- '#f7f9fb' - '#e5ebf1' - '#cbd6e2' - '#aabcce'
- '#627e99' - '#405c79' - '#223b54' - '#0b1c2c'
- '#bf8b56' - '#bfbf56' - '#8bbf56' - '#56bf8b'
- '#568bbf' - '#8b56bf' - '#bf568b' - '#bf5656'

For the full catalog of base16 themes, visit chriskempson/base16.

See Appearance → for full configuration instructions.

Buy me a cup of milk 🥛.