Format

Global format including themes of website

#Format
format:
  html:
###Include table of contents
### "On this page" right of page
    toc: true

###Page size
    grid:
####Width of sidebar
      sidebar-width: 200px
####Max width of main page
      body-width: 1200px
####Width of empty margin at right of toc
#### needed to give room for long headers
      margin-width: 150px
####Space separating body from sidebar and toc  
      gutter-width: 10px

###Code highlighting style
### a11y is accessible and auto switches between dark and light mode
    highlight-style: a11y

####Code will overflow in code blocks
####set to scroll for scroll (i.e. horizontal scroll at bottom of block)
    code-overflow: wrap

###Themes
###HTML themes: https://quarto.org/docs/output-formats/html-themes.html
    theme:
####Dark theme with scss file
      dark: [darkly, styles_dark.scss]
####Light theme with scss
      light: [styles_light.scss]
####Any text not determined in scss files will be mainfont
    mainfont: Lexend

###Paths for webexercises files
    css: include/webex.css
    include-after-body: include/webex.js

Highlight

Accessible code highlighting via a11y project.

How to incorporate in quarto via A Quarto tip a day