Theming And CSS

Code Themes And Inline CodeURL copied

Vyasa now picks highlight.js styles from config instead of hardcoding MonsterUI's default pair. Set code_theme_light and code_theme_dark in .vyasa to pick any bundled highlight.js theme name, then let the runtime swap between them as the site mode changes.

theme_preset = "serene-manuscript"
theme_primary = "#45655b"
code_theme_light = "github"
code_theme_dark = "github-dark"
code_line_numbers = true

code_line_numbers = true is the default. Set it to false when a site wants cleaner snippets by default, then opt specific blocks back in with ln; when the global default is on, use nln on a fence or include to suppress numbers for one snippet. Inline code and block chrome now use dedicated CSS tokens from vyasa/static/header.css: --vyasa-inline-code-bg, --vyasa-inline-code-fg, --vyasa-inline-code-border, plus the existing --vyasa-code-* block tokens. If a preset gets the overall tone right but code still feels off, override those variables before reaching for selector-heavy CSS.