Code

This page lists CSS variables for Code blocks.

Variable	Description
--code-block-background	Code-block background color
--code-block-padding	Code-block padding
--code-block-radius	Code-block radius
--code-snippet-background	Code snippet background color
--code-snippet-padding	Code snippet padding
--code-snippet-radius	Code snippet radius

Tokens

You can enable code-highlighting by specifying the language when created a code-block.

Variable	Description
--token-attr	Color for attributes, keywords, and important syntax elements
--token-property	Color for CSS properties and constants
--token-selector	Color for class names, selectors, and important characters
--token-comment	Color for comments, documentation, and metadata
--token-function	Color for function names, class names, and important syntax elements
--token-operator	Color for operators
--token-variable	Color for variables, namespaces, and inserted elements
--token-punctuation	Color for punctuation characters and separators