Styling

Font

Google Fonts is great service to use the web font.

Basically Flybook work with Google's Web Fonts. So if you want to change the font for static site, please use --font option when run flybook commend

  ,
  "scripts": {
    "docs": "flybook docs --outdir=out --font=[GOOGLE_FONT_NAME_HERE]"
  },
  ...

Syntax Highlighting

Highlight.js is awesome open source project for code syntax highligting As you know, it being used by lots of project. Likewise Flybook

To use this. please use --codeStyle option with highlight styles

  ,
  "scripts": {
    "docs": "flybook docs --outdir=out --codeStyle=[HIGHLIGHT_STYLE_NAME]"
  },
  ...

Theme

Only support light and dark theme

  ,
  "scripts": {
    "docs": "flybook docs --outdir=out --theme=dark"
  },
  ...

Tutorial video