Skip to article frontmatterSkip to article content
Site not loading correctly?

This may be due to an incorrect BASE_URL configuration. See the MyST Documentation for reference.

Live color picker

Use the picker to experiment with the MyST color tokens live. Every component on this page reads from the same tokens, so changes propagate instantly.

When you’ve settled on a palette, copy the generated CSS into a stylesheet in your own site. See Theming for how to wire it up.

Sample components

A paragraph with a link and some inline code. The link color comes from --myst-color-link, and inline code uses --myst-color-code.

def hello():
    print("code blocks are styled by highlight.js")