🚧 Rspress 2.0 document is under development
close
Rspress
Search
Guide
Plugin
UI
new
API
Version
Changelog
Rspress 1.x Doc
English
䏿–‡
English
Theme
Languages
English
䏿–‡
English
Menu
ON THIS PAGE
#
CSS variables
Copy Markdown
Open
🚧 Still under development
#
Brand css variables
Custom
Red
Orange
Blue
Green
:root { --rp-c-brand: #0095ff; --rp-c-brand-light: #33adff; --rp-c-brand-lighter: #c6e0fd; --rp-c-brand-dark: #07f; --rp-c-brand-darker: #005fcc; --rp-c-brand-tint: #7fa3ff29; }
#
Shiki theme css variables
Custom
Github Light
Github Dark
Github Light High Contrast
Github Dark High Contrast
Light Plus
Dark Plus
One Light
One Dark Pro
Nord
Material Theme
Material Theme Darker
Material Theme Ocean
Vitesse Light
Vitesse Dark
Andromeeda
Ayu Dark
:where(html:not(.rp-dark)) { --shiki-foreground: inherit; --shiki-background: transparent; --shiki-token-constant: #1976d2; --shiki-token-string: #31a94d; --shiki-token-comment: #b6b4b4; --shiki-token-keyword: #cf2727; --shiki-token-parameter: #f59403; --shiki-token-function: #7041c8; --shiki-token-string-expression: #218438; --shiki-token-punctuation: #242323; --shiki-token-link: #22863a; --shiki-token-deleted: #d32828; --shiki-token-inserted: #22863a; } :where(html.rp-dark) { --shiki-foreground: inherit; --shiki-background: transparent; --shiki-token-constant: #6fb0fa; --shiki-token-string: #f9a86e; --shiki-token-comment: #6a727b; --shiki-token-keyword: #f47481; --shiki-token-parameter: #ff9800; --shiki-token-function: #ae8eeb; --shiki-token-string-expression: #4fb74d; --shiki-token-punctuation: #bbb; --shiki-token-link: #f9a76d; --shiki-token-deleted: #ee6d7a; --shiki-token-inserted: #36c47f; }