🎨 Styling & Themes

You can add custom styles using the css viewer, see Viewers but you can also add a theme property to a documents frontmatter like so:

<!-- data
title: 🎨 Styling & Themes
theme: https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/styles/solarized-light.min.css
-->
codetheme
Theme url: //cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.0.0/build/styles/sunburst .min.css
cssplugintype=theme
body {
  --bg: #000000;
  --bg-secondary-color: #333333;
  --text-color: lightgrey;
  --text-primary-color: orange;
  --text-secondary-color: #333333;
  --divider-subtle: #333333;
  --code-bg-color: #111;
}

Viewers