#CSS 变量

Rspress 暴露了一些常用的 CSS 变量，相比于覆盖 Rspress 内置的 React 组件，覆盖 CSS 变量实现定制化更简单且可维护性更好。

你可以在该页面实时编辑和预览，并复制到 theme/index.css 中进行样式覆盖。下面是一个样式覆盖的简单示例：

import './index.css';
export * from '@rspress/core/theme';

/* 复制 CSS 变量代码到这里来进行样式覆盖 */

下面是 Rspress 提供的一些 CSS 变量及其默认值：

#品牌色

#代码块 - Shiki 主题

#代码块 - 外层标题和容器

console.log('This is a code block');

#默认首页

#基础变量