CSS 变量
Rspress 暴露了一些常用的 CSS 变量,相比于覆盖 Rspress 内置的 React 组件,覆盖 CSS 变量实现定制化更简单且可维护性更好。
你可以在该页面实时编辑和预览,并复制到 theme/index.css 中进行样式覆盖。下面是一个样式覆盖的简单示例:
import './index.css';
export * from '@rspress/core/theme';
/* 复制 CSS 变量代码到这里来进行样式覆盖 */
下面是 Rspress 提供的一些 CSS 变量及其默认值:
品牌色
代码块 - Shiki 主题
代码块 - 外层标题和容器
foo.ts
console.log('This is a code block');
默认首页
基础变量