diff --git a/.vscode/mdui/css-data.zh-cn.json b/.vscode/mdui/css-data.zh-cn.json
new file mode 100644
index 0000000..fb12ecf
--- /dev/null
+++ b/.vscode/mdui/css-data.zh-cn.json
@@ -0,0 +1,2826 @@
+{
+ "version": 1.1,
+ "properties": [
+ {
+ "name": "--mdui-breakpoint-xs",
+ "description": {
+ "kind": "markdown",
+ "value": "断点值。默认为 `0px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-xs: 0px;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-breakpoint-sm",
+ "description": {
+ "kind": "markdown",
+ "value": "断点值。默认为 `600px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-sm: 620px;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-breakpoint-md",
+ "description": {
+ "kind": "markdown",
+ "value": "断点值。默认为 `840px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-md: 860px;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-breakpoint-lg",
+ "description": {
+ "kind": "markdown",
+ "value": "断点值。默认为 `1080px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-lg: 1100px;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-breakpoint-xl",
+ "description": {
+ "kind": "markdown",
+ "value": "断点值。默认为 `1440px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-xl: 1460px;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-breakpoint-xxl",
+ "description": {
+ "kind": "markdown",
+ "value": "断点值。默认为 `1920px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-xxl: 1940px;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#breakpoint"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-primary-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Primary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-primary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-primary-container-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Primary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-primary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-primary-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Primary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-primary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-primary-container-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Primary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-primary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-inverse-primary-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Inverse Primary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-inverse-primary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-secondary-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Secondary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-secondary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-secondary-container-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Secondary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-secondary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-secondary-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Secondary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-secondary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-secondary-container-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Secondary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-secondary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-tertiary-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Tertiary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-tertiary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-tertiary-container-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Tertiary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-tertiary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-tertiary-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Tertiary**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-tertiary-container-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Tertiary Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-dim-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Dim**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-dim-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-bright-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Bright**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-bright-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-lowest-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container Lowest**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-container-lowest-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-low-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container Low**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-container-low-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-high-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container High**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-container-high-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-highest-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container Highest**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-container-highest-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-variant-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Variant**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-variant-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-surface-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-surface-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-surface-variant-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Surface Variant**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-surface-variant-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-inverse-surface-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Inverse Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-inverse-surface-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-inverse-on-surface-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Inverse On Surface**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-inverse-on-surface-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-background-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Background**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-background-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-background-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-background), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-background-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Background**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-background-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-background), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-error-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Error**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-error-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-error-container-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Error Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-error-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-error-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Error**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-error-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-error-container-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Error Container**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-on-error-container-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-outline-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Outline**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-outline-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-outline-variant-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Outline Variant**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-outline-variant-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-shadow-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Shadow**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-shadow-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-shadow), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-tint-color-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Tint Color**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-surface-tint-color-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-scrim-light",
+ "description": {
+ "kind": "markdown",
+ "value": "**Scrim**\n\n亮色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变亮色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置亮色模式颜色值 */\n:root {\n --mdui-color-scrim-light: 255, 0, 0;\n}\n\n/* 读取亮色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-scrim), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-primary-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Primary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-primary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-primary-container-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Primary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-primary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-primary-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Primary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-primary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-primary-container-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Primary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-primary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-inverse-primary-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Inverse Primary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-inverse-primary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-secondary-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Secondary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-secondary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-secondary-container-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Secondary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-secondary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-secondary-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Secondary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-secondary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-secondary-container-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Secondary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-secondary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-tertiary-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Tertiary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-tertiary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-tertiary-container-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Tertiary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-tertiary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-tertiary-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Tertiary**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-tertiary-container-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Tertiary Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-dim-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Dim**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-dim-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-bright-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Bright**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-bright-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-lowest-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container Lowest**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-container-lowest-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-low-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container Low**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-container-low-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-high-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container High**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-container-high-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-highest-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container Highest**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-container-highest-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-variant-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Variant**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-variant-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-surface-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-surface-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-surface-variant-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Surface Variant**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-surface-variant-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-inverse-surface-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Inverse Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-inverse-surface-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-inverse-on-surface-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Inverse On Surface**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-inverse-on-surface-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-background-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Background**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-background-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-background-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-background), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-background-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Background**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-background-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-background), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-error-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Error**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-error-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-error-container-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Error Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-error-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-error-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Error**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-error-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-error-container-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Error Container**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-on-error-container-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-outline-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Outline**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-outline-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-outline-variant-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Outline Variant**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-outline-variant-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-shadow-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Shadow**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-shadow-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-shadow), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-tint-color-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Tint Color**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-surface-tint-color-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-scrim-dark",
+ "description": {
+ "kind": "markdown",
+ "value": "**Scrim**\n\n暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变暗色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置暗色模式颜色值 */\n:root {\n --mdui-color-scrim-dark: 255, 0, 0;\n}\n\n/* 读取暗色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-scrim), 0.5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-primary",
+ "description": {
+ "kind": "markdown",
+ "value": "**Primary**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-primary-light` 和 `--mdui-color-primary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-primary-light: 255, 0, 0;\n --mdui-color-primary-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-primary-container",
+ "description": {
+ "kind": "markdown",
+ "value": "**Primary Container**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-primary-container-light` 和 `--mdui-color-primary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-primary-container-light: 255, 0, 0;\n --mdui-color-primary-container-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-primary",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Primary**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-primary-light` 和 `--mdui-color-on-primary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-on-primary-light: 255, 0, 0;\n --mdui-color-on-primary-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-primary-container",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Primary Container**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-primary-container-light` 和 `--mdui-color-on-primary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-on-primary-container-light: 255, 0, 0;\n --mdui-color-on-primary-container-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-inverse-primary",
+ "description": {
+ "kind": "markdown",
+ "value": "**Inverse Primary**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-inverse-primary-light` 和 `--mdui-color-inverse-primary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-inverse-primary-light: 255, 0, 0;\n --mdui-color-inverse-primary-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-secondary",
+ "description": {
+ "kind": "markdown",
+ "value": "**Secondary**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-secondary-light` 和 `--mdui-color-secondary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-secondary-light: 255, 0, 0;\n --mdui-color-secondary-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-secondary-container",
+ "description": {
+ "kind": "markdown",
+ "value": "**Secondary Container**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-secondary-container-light` 和 `--mdui-color-secondary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-secondary-container-light: 255, 0, 0;\n --mdui-color-secondary-container-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-secondary",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Secondary**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-secondary-light` 和 `--mdui-color-on-secondary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-on-secondary-light: 255, 0, 0;\n --mdui-color-on-secondary-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-secondary-container",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Secondary Container**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-secondary-container-light` 和 `--mdui-color-on-secondary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-on-secondary-container-light: 255, 0, 0;\n --mdui-color-on-secondary-container-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-tertiary",
+ "description": {
+ "kind": "markdown",
+ "value": "**Tertiary**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-tertiary-light` 和 `--mdui-color-tertiary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-tertiary-light: 255, 0, 0;\n --mdui-color-tertiary-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-tertiary-container",
+ "description": {
+ "kind": "markdown",
+ "value": "**Tertiary Container**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-tertiary-container-light` 和 `--mdui-color-tertiary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-tertiary-container-light: 255, 0, 0;\n --mdui-color-tertiary-container-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-tertiary",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Tertiary**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-tertiary-light` 和 `--mdui-color-on-tertiary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-on-tertiary-light: 255, 0, 0;\n --mdui-color-on-tertiary-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-tertiary-container",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Tertiary Container**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-tertiary-container-light` 和 `--mdui-color-on-tertiary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-on-tertiary-container-light: 255, 0, 0;\n --mdui-color-on-tertiary-container-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-light` 和 `--mdui-color-surface-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-surface-light: 255, 0, 0;\n --mdui-color-surface-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-dim",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Dim**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-dim-light` 和 `--mdui-color-surface-dim-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-surface-dim-light: 255, 0, 0;\n --mdui-color-surface-dim-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-bright",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Bright**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-bright-light` 和 `--mdui-color-surface-bright-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-surface-bright-light: 255, 0, 0;\n --mdui-color-surface-bright-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-lowest",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container Lowest**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-container-lowest-light` 和 `--mdui-color-surface-container-lowest-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-surface-container-lowest-light: 255, 0, 0;\n --mdui-color-surface-container-lowest-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-low",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container Low**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-container-low-light` 和 `--mdui-color-surface-container-low-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-surface-container-low-light: 255, 0, 0;\n --mdui-color-surface-container-low-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-container-light` 和 `--mdui-color-surface-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-surface-container-light: 255, 0, 0;\n --mdui-color-surface-container-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-high",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container High**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-container-high-light` 和 `--mdui-color-surface-container-high-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-surface-container-high-light: 255, 0, 0;\n --mdui-color-surface-container-high-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-container-highest",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Container Highest**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-container-highest-light` 和 `--mdui-color-surface-container-highest-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-surface-container-highest-light: 255, 0, 0;\n --mdui-color-surface-container-highest-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-variant",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Variant**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-variant-light` 和 `--mdui-color-surface-variant-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-surface-variant-light: 255, 0, 0;\n --mdui-color-surface-variant-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-surface",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Surface**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-surface-light` 和 `--mdui-color-on-surface-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-on-surface-light: 255, 0, 0;\n --mdui-color-on-surface-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-surface-variant",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Surface Variant**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-surface-variant-light` 和 `--mdui-color-on-surface-variant-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-on-surface-variant-light: 255, 0, 0;\n --mdui-color-on-surface-variant-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-inverse-surface",
+ "description": {
+ "kind": "markdown",
+ "value": "**Inverse Surface**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-inverse-surface-light` 和 `--mdui-color-inverse-surface-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-inverse-surface-light: 255, 0, 0;\n --mdui-color-inverse-surface-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-inverse-on-surface",
+ "description": {
+ "kind": "markdown",
+ "value": "**Inverse On Surface**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-inverse-on-surface-light` 和 `--mdui-color-inverse-on-surface-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-inverse-on-surface-light: 255, 0, 0;\n --mdui-color-inverse-on-surface-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-background",
+ "description": {
+ "kind": "markdown",
+ "value": "**Background**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-background-light` 和 `--mdui-color-background-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-background), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-background-light: 255, 0, 0;\n --mdui-color-background-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-background",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Background**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-background-light` 和 `--mdui-color-on-background-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-background), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-on-background-light: 255, 0, 0;\n --mdui-color-on-background-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-error",
+ "description": {
+ "kind": "markdown",
+ "value": "**Error**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-error-light` 和 `--mdui-color-error-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-error-light: 255, 0, 0;\n --mdui-color-error-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-error-container",
+ "description": {
+ "kind": "markdown",
+ "value": "**Error Container**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-error-container-light` 和 `--mdui-color-error-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error-container), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-error-container-light: 255, 0, 0;\n --mdui-color-error-container-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-error",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Error**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-error-light` 和 `--mdui-color-on-error-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-on-error-light: 255, 0, 0;\n --mdui-color-on-error-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-on-error-container",
+ "description": {
+ "kind": "markdown",
+ "value": "**On Error Container**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-error-container-light` 和 `--mdui-color-on-error-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-on-error-container-light: 255, 0, 0;\n --mdui-color-on-error-container-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-outline",
+ "description": {
+ "kind": "markdown",
+ "value": "**Outline**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-outline-light` 和 `--mdui-color-outline-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-outline-light: 255, 0, 0;\n --mdui-color-outline-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-outline-variant",
+ "description": {
+ "kind": "markdown",
+ "value": "**Outline Variant**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-outline-variant-light` 和 `--mdui-color-outline-variant-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-outline-variant-light: 255, 0, 0;\n --mdui-color-outline-variant-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-shadow",
+ "description": {
+ "kind": "markdown",
+ "value": "**Shadow**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-shadow-light` 和 `--mdui-color-shadow-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-shadow), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-shadow-light: 255, 0, 0;\n --mdui-color-shadow-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-surface-tint-color",
+ "description": {
+ "kind": "markdown",
+ "value": "**Surface Tint Color**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-tint-color-light` 和 `--mdui-color-surface-tint-color-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-surface-tint-color-light: 255, 0, 0;\n --mdui-color-surface-tint-color-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-color-scrim",
+ "description": {
+ "kind": "markdown",
+ "value": "**Scrim**\n\n自动适配亮色模式和暗色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-scrim-light` 和 `--mdui-color-scrim-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-scrim), 0.5);\n}\n\n/* 分别设置亮色模式、暗色模式的颜色值 */\n:root {\n --mdui-color-scrim-light: 255, 0, 0;\n --mdui-color-scrim-dark: 255, 0, 0;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#color"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-elevation-level0",
+ "description": {
+ "kind": "markdown",
+ "value": "Level 0 级别的高度对应的阴影值。\n\n**示例**：\n```css\n/* 设置 level0 级别的高度对应的阴影值 */\n:root {\n --mdui-elevation-level0: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* 读取 level0 级别的高度对应的阴影值 */\n.element {\n box-shadow: var(--mdui-elevation-level0);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-elevation-level1",
+ "description": {
+ "kind": "markdown",
+ "value": "Level 1 级别的高度对应的阴影值。\n\n**示例**：\n```css\n/* 设置 level1 级别的高度对应的阴影值 */\n:root {\n --mdui-elevation-level1: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* 读取 level1 级别的高度对应的阴影值 */\n.element {\n box-shadow: var(--mdui-elevation-level1);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-elevation-level2",
+ "description": {
+ "kind": "markdown",
+ "value": "Level 2 级别的高度对应的阴影值。\n\n**示例**：\n```css\n/* 设置 level2 级别的高度对应的阴影值 */\n:root {\n --mdui-elevation-level2: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* 读取 level2 级别的高度对应的阴影值 */\n.element {\n box-shadow: var(--mdui-elevation-level2);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-elevation-level3",
+ "description": {
+ "kind": "markdown",
+ "value": "Level 3 级别的高度对应的阴影值。\n\n**示例**：\n```css\n/* 设置 level3 级别的高度对应的阴影值 */\n:root {\n --mdui-elevation-level3: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* 读取 level3 级别的高度对应的阴影值 */\n.element {\n box-shadow: var(--mdui-elevation-level3);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-elevation-level4",
+ "description": {
+ "kind": "markdown",
+ "value": "Level 4 级别的高度对应的阴影值。\n\n**示例**：\n```css\n/* 设置 level4 级别的高度对应的阴影值 */\n:root {\n --mdui-elevation-level4: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* 读取 level4 级别的高度对应的阴影值 */\n.element {\n box-shadow: var(--mdui-elevation-level4);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-elevation-level5",
+ "description": {
+ "kind": "markdown",
+ "value": "Level 5 级别的高度对应的阴影值。\n\n**示例**：\n```css\n/* 设置 level5 级别的高度对应的阴影值 */\n:root {\n --mdui-elevation-level5: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* 读取 level5 级别的高度对应的阴影值 */\n.element {\n box-shadow: var(--mdui-elevation-level5);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#elevation"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-easing-linear",
+ "description": {
+ "kind": "markdown",
+ "value": "线性动画的缓动曲线。\n\n**示例**：\n```css\n/* 设置线性动画的缓动曲线 */\n:root {\n --mdui-motion-easing-linear: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* 读取线性动画的缓动曲线 */\n.element {\n transition-timing-function: var(--mdui-motion-easing-linear);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-easing-standard",
+ "description": {
+ "kind": "markdown",
+ "value": "标准动画的缓动曲线。\n\n**示例**：\n```css\n/* 设置标准动画的缓动曲线 */\n:root {\n --mdui-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* 读取标准动画的缓动曲线 */\n.element {\n transition-timing-function: var(--mdui-motion-easing-standard);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-easing-standard-accelerate",
+ "description": {
+ "kind": "markdown",
+ "value": "标准加速动画的缓动曲线。\n\n**示例**：\n```css\n/* 设置标准加速动画的缓动曲线 */\n:root {\n --mdui-motion-easing-standard-accelerate: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* 读取标准加速动画的缓动曲线 */\n.element {\n transition-timing-function: var(--mdui-motion-easing-standard-accelerate);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-easing-standard-decelerate",
+ "description": {
+ "kind": "markdown",
+ "value": "标准减速动画的缓动曲线。\n\n**示例**：\n```css\n/* 设置标准减速动画的缓动曲线 */\n:root {\n --mdui-motion-easing-standard-decelerate: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* 读取标准减速动画的缓动曲线 */\n.element {\n transition-timing-function: var(--mdui-motion-easing-standard-decelerate);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-easing-emphasized",
+ "description": {
+ "kind": "markdown",
+ "value": "强调动画的缓动曲线。\n\n**示例**：\n```css\n/* 设置强调动画的缓动曲线 */\n:root {\n --mdui-motion-easing-emphasized: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* 读取强调动画的缓动曲线 */\n.element {\n transition-timing-function: var(--mdui-motion-easing-emphasized);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-easing-emphasized-accelerate",
+ "description": {
+ "kind": "markdown",
+ "value": "强调加速动画的缓动曲线。\n\n**示例**：\n```css\n/* 设置强调加速动画的缓动曲线 */\n:root {\n --mdui-motion-easing-emphasized-accelerate: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* 读取强调加速动画的缓动曲线 */\n.element {\n transition-timing-function: var(--mdui-motion-easing-emphasized-accelerate);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-easing-emphasized-decelerate",
+ "description": {
+ "kind": "markdown",
+ "value": "强调减速动画的缓动曲线。\n\n**示例**：\n```css\n/* 设置强调减速动画的缓动曲线 */\n:root {\n --mdui-motion-easing-emphasized-decelerate: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* 读取强调减速动画的缓动曲线 */\n.element {\n transition-timing-function: var(--mdui-motion-easing-emphasized-decelerate);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-short1",
+ "description": {
+ "kind": "markdown",
+ "value": "short1 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 short1 动画的持续时间 */\n:root {\n --mdui-motion-duration-short1: 0.3s;\n}\n\n/* 读取 short1 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-short1);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-short2",
+ "description": {
+ "kind": "markdown",
+ "value": "short2 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 short2 动画的持续时间 */\n:root {\n --mdui-motion-duration-short2: 0.3s;\n}\n\n/* 读取 short2 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-short2);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-short3",
+ "description": {
+ "kind": "markdown",
+ "value": "short3 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 short3 动画的持续时间 */\n:root {\n --mdui-motion-duration-short3: 0.3s;\n}\n\n/* 读取 short3 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-short3);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-short4",
+ "description": {
+ "kind": "markdown",
+ "value": "short4 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 short4 动画的持续时间 */\n:root {\n --mdui-motion-duration-short4: 0.3s;\n}\n\n/* 读取 short4 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-short4);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-medium1",
+ "description": {
+ "kind": "markdown",
+ "value": "medium1 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 medium1 动画的持续时间 */\n:root {\n --mdui-motion-duration-medium1: 0.3s;\n}\n\n/* 读取 medium1 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-medium1);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-medium2",
+ "description": {
+ "kind": "markdown",
+ "value": "medium2 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 medium2 动画的持续时间 */\n:root {\n --mdui-motion-duration-medium2: 0.3s;\n}\n\n/* 读取 medium2 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-medium2);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-medium3",
+ "description": {
+ "kind": "markdown",
+ "value": "medium3 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 medium3 动画的持续时间 */\n:root {\n --mdui-motion-duration-medium3: 0.3s;\n}\n\n/* 读取 medium3 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-medium3);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-medium4",
+ "description": {
+ "kind": "markdown",
+ "value": "medium4 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 medium4 动画的持续时间 */\n:root {\n --mdui-motion-duration-medium4: 0.3s;\n}\n\n/* 读取 medium4 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-medium4);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-long1",
+ "description": {
+ "kind": "markdown",
+ "value": "long1 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 long1 动画的持续时间 */\n:root {\n --mdui-motion-duration-long1: 0.3s;\n}\n\n/* 读取 long1 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-long1);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-long2",
+ "description": {
+ "kind": "markdown",
+ "value": "long2 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 long2 动画的持续时间 */\n:root {\n --mdui-motion-duration-long2: 0.3s;\n}\n\n/* 读取 long2 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-long2);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-long3",
+ "description": {
+ "kind": "markdown",
+ "value": "long3 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 long3 动画的持续时间 */\n:root {\n --mdui-motion-duration-long3: 0.3s;\n}\n\n/* 读取 long3 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-long3);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-long4",
+ "description": {
+ "kind": "markdown",
+ "value": "long4 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 long4 动画的持续时间 */\n:root {\n --mdui-motion-duration-long4: 0.3s;\n}\n\n/* 读取 long4 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-long4);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-extra-long1",
+ "description": {
+ "kind": "markdown",
+ "value": "extra-long1 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 extra-long1 动画的持续时间 */\n:root {\n --mdui-motion-duration-extra-long1: 0.3s;\n}\n\n/* 读取 extra-long1 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-extra-long1);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-extra-long2",
+ "description": {
+ "kind": "markdown",
+ "value": "extra-long2 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 extra-long2 动画的持续时间 */\n:root {\n --mdui-motion-duration-extra-long2: 0.3s;\n}\n\n/* 读取 extra-long2 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-extra-long2);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-extra-long3",
+ "description": {
+ "kind": "markdown",
+ "value": "extra-long3 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 extra-long3 动画的持续时间 */\n:root {\n --mdui-motion-duration-extra-long3: 0.3s;\n}\n\n/* 读取 extra-long3 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-extra-long3);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-motion-duration-extra-long4",
+ "description": {
+ "kind": "markdown",
+ "value": "extra-long4 动画的持续时间。\n\n**示例**：\n```css\n/* 设置 extra-long4 动画的持续时间 */\n:root {\n --mdui-motion-duration-extra-long4: 0.3s;\n}\n\n/* 读取 extra-long4 动画的持续时间 */\n.element {\n transition-duration: var(--mdui-motion-duration-extra-long4);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#motion"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-shape-corner-none",
+ "description": {
+ "kind": "markdown",
+ "value": "none 级别的圆角值。\n\n**示例**：\n```css\n/* 设置 none 级别的圆角值 */\n:root {\n --mdui-shape-corner-none: 4px;\n}\n\n/* 读取 none 级别的圆角值 */\n.element {\n border-radius: var(--mdui-shape-corner-none);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-shape-corner-extra-small",
+ "description": {
+ "kind": "markdown",
+ "value": "extra-small 级别的圆角值。\n\n**示例**：\n```css\n/* 设置 extra-small 级别的圆角值 */\n:root {\n --mdui-shape-corner-extra-small: 4px;\n}\n\n/* 读取 extra-small 级别的圆角值 */\n.element {\n border-radius: var(--mdui-shape-corner-extra-small);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-shape-corner-small",
+ "description": {
+ "kind": "markdown",
+ "value": "small 级别的圆角值。\n\n**示例**：\n```css\n/* 设置 small 级别的圆角值 */\n:root {\n --mdui-shape-corner-small: 4px;\n}\n\n/* 读取 small 级别的圆角值 */\n.element {\n border-radius: var(--mdui-shape-corner-small);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-shape-corner-medium",
+ "description": {
+ "kind": "markdown",
+ "value": "medium 级别的圆角值。\n\n**示例**：\n```css\n/* 设置 medium 级别的圆角值 */\n:root {\n --mdui-shape-corner-medium: 4px;\n}\n\n/* 读取 medium 级别的圆角值 */\n.element {\n border-radius: var(--mdui-shape-corner-medium);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-shape-corner-large",
+ "description": {
+ "kind": "markdown",
+ "value": "large 级别的圆角值。\n\n**示例**：\n```css\n/* 设置 large 级别的圆角值 */\n:root {\n --mdui-shape-corner-large: 4px;\n}\n\n/* 读取 large 级别的圆角值 */\n.element {\n border-radius: var(--mdui-shape-corner-large);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-shape-corner-extra-large",
+ "description": {
+ "kind": "markdown",
+ "value": "extra-large 级别的圆角值。\n\n**示例**：\n```css\n/* 设置 extra-large 级别的圆角值 */\n:root {\n --mdui-shape-corner-extra-large: 4px;\n}\n\n/* 读取 extra-large 级别的圆角值 */\n.element {\n border-radius: var(--mdui-shape-corner-extra-large);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-shape-corner-full",
+ "description": {
+ "kind": "markdown",
+ "value": "full 级别的圆角值。\n\n**示例**：\n```css\n/* 设置 full 级别的圆角值 */\n:root {\n --mdui-shape-corner-full: 4px;\n}\n\n/* 读取 full 级别的圆角值 */\n.element {\n border-radius: var(--mdui-shape-corner-full);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#shape-corner"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-state-layer-hover",
+ "description": {
+ "kind": "markdown",
+ "value": "`hover` 状态的状态层不透明度。\n\n**示例**：\n```css\n/* 设置 hover 状态的状态层不透明度 */\n:root {\n --mdui-state-layer-hover: 0.1;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#state-layer"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-state-layer-focus",
+ "description": {
+ "kind": "markdown",
+ "value": "`focus` 状态的状态层不透明度。\n\n**示例**：\n```css\n/* 设置 focus 状态的状态层不透明度 */\n:root {\n --mdui-state-layer-focus: 0.1;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#state-layer"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-state-layer-pressed",
+ "description": {
+ "kind": "markdown",
+ "value": "`pressed` 状态的状态层不透明度。\n\n**示例**：\n```css\n/* 设置 pressed 状态的状态层不透明度 */\n:root {\n --mdui-state-layer-pressed: 0.1;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#state-layer"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-state-layer-dragged",
+ "description": {
+ "kind": "markdown",
+ "value": "`dragged` 状态的状态层不透明度。\n\n**示例**：\n```css\n/* 设置 dragged 状态的状态层不透明度 */\n:root {\n --mdui-state-layer-dragged: 0.1;\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#state-layer"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-large-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Large 字重。\n\n**示例**：\n```css\n/* 设置 Display Large 字重 */\n:root {\n --mdui-typescale-display-large-weight: 500;\n}\n\n/* 读取 Display Large 字重 */\n.element {\n font-weight: var(--mdui-typescale-display-large-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-large-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Large 行高。\n\n**示例**：\n```css\n/* 设置 Display Large 行高 */\n:root {\n --mdui-typescale-display-large-line-height: 1.5;\n}\n\n/* 读取 Display Large 行高 */\n.element {\n line-height: var(--mdui-typescale-display-large-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-large-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Large 字体大小。\n\n**示例**：\n```css\n/* 设置 Display Large 字体大小 */\n:root {\n --mdui-typescale-display-large-size: 16px;\n}\n\n/* 读取 Display Large 字体大小 */\n.element {\n font-size: var(--mdui-typescale-display-large-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-large-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Large 字间距。\n\n**示例**：\n```css\n/* 设置 Display Large 字间距 */\n:root {\n --mdui-typescale-display-large-tracking: 0.1;\n}\n\n/* 读取 Display Large 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-display-large-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-medium-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Medium 字重。\n\n**示例**：\n```css\n/* 设置 Display Medium 字重 */\n:root {\n --mdui-typescale-display-medium-weight: 500;\n}\n\n/* 读取 Display Medium 字重 */\n.element {\n font-weight: var(--mdui-typescale-display-medium-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-medium-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Medium 行高。\n\n**示例**：\n```css\n/* 设置 Display Medium 行高 */\n:root {\n --mdui-typescale-display-medium-line-height: 1.5;\n}\n\n/* 读取 Display Medium 行高 */\n.element {\n line-height: var(--mdui-typescale-display-medium-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-medium-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Medium 字体大小。\n\n**示例**：\n```css\n/* 设置 Display Medium 字体大小 */\n:root {\n --mdui-typescale-display-medium-size: 16px;\n}\n\n/* 读取 Display Medium 字体大小 */\n.element {\n font-size: var(--mdui-typescale-display-medium-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-medium-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Medium 字间距。\n\n**示例**：\n```css\n/* 设置 Display Medium 字间距 */\n:root {\n --mdui-typescale-display-medium-tracking: 0.1;\n}\n\n/* 读取 Display Medium 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-display-medium-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-small-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Small 字重。\n\n**示例**：\n```css\n/* 设置 Display Small 字重 */\n:root {\n --mdui-typescale-display-small-weight: 500;\n}\n\n/* 读取 Display Small 字重 */\n.element {\n font-weight: var(--mdui-typescale-display-small-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-small-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Small 行高。\n\n**示例**：\n```css\n/* 设置 Display Small 行高 */\n:root {\n --mdui-typescale-display-small-line-height: 1.5;\n}\n\n/* 读取 Display Small 行高 */\n.element {\n line-height: var(--mdui-typescale-display-small-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-small-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Small 字体大小。\n\n**示例**：\n```css\n/* 设置 Display Small 字体大小 */\n:root {\n --mdui-typescale-display-small-size: 16px;\n}\n\n/* 读取 Display Small 字体大小 */\n.element {\n font-size: var(--mdui-typescale-display-small-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-display-small-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Display Small 字间距。\n\n**示例**：\n```css\n/* 设置 Display Small 字间距 */\n:root {\n --mdui-typescale-display-small-tracking: 0.1;\n}\n\n/* 读取 Display Small 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-display-small-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-large-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Large 字重。\n\n**示例**：\n```css\n/* 设置 Headline Large 字重 */\n:root {\n --mdui-typescale-headline-large-weight: 500;\n}\n\n/* 读取 Headline Large 字重 */\n.element {\n font-weight: var(--mdui-typescale-headline-large-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-large-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Large 行高。\n\n**示例**：\n```css\n/* 设置 Headline Large 行高 */\n:root {\n --mdui-typescale-headline-large-line-height: 1.5;\n}\n\n/* 读取 Headline Large 行高 */\n.element {\n line-height: var(--mdui-typescale-headline-large-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-large-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Large 字体大小。\n\n**示例**：\n```css\n/* 设置 Headline Large 字体大小 */\n:root {\n --mdui-typescale-headline-large-size: 16px;\n}\n\n/* 读取 Headline Large 字体大小 */\n.element {\n font-size: var(--mdui-typescale-headline-large-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-large-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Large 字间距。\n\n**示例**：\n```css\n/* 设置 Headline Large 字间距 */\n:root {\n --mdui-typescale-headline-large-tracking: 0.1;\n}\n\n/* 读取 Headline Large 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-headline-large-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-medium-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Medium 字重。\n\n**示例**：\n```css\n/* 设置 Headline Medium 字重 */\n:root {\n --mdui-typescale-headline-medium-weight: 500;\n}\n\n/* 读取 Headline Medium 字重 */\n.element {\n font-weight: var(--mdui-typescale-headline-medium-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-medium-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Medium 行高。\n\n**示例**：\n```css\n/* 设置 Headline Medium 行高 */\n:root {\n --mdui-typescale-headline-medium-line-height: 1.5;\n}\n\n/* 读取 Headline Medium 行高 */\n.element {\n line-height: var(--mdui-typescale-headline-medium-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-medium-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Medium 字体大小。\n\n**示例**：\n```css\n/* 设置 Headline Medium 字体大小 */\n:root {\n --mdui-typescale-headline-medium-size: 16px;\n}\n\n/* 读取 Headline Medium 字体大小 */\n.element {\n font-size: var(--mdui-typescale-headline-medium-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-medium-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Medium 字间距。\n\n**示例**：\n```css\n/* 设置 Headline Medium 字间距 */\n:root {\n --mdui-typescale-headline-medium-tracking: 0.1;\n}\n\n/* 读取 Headline Medium 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-headline-medium-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-small-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Small 字重。\n\n**示例**：\n```css\n/* 设置 Headline Small 字重 */\n:root {\n --mdui-typescale-headline-small-weight: 500;\n}\n\n/* 读取 Headline Small 字重 */\n.element {\n font-weight: var(--mdui-typescale-headline-small-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-small-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Small 行高。\n\n**示例**：\n```css\n/* 设置 Headline Small 行高 */\n:root {\n --mdui-typescale-headline-small-line-height: 1.5;\n}\n\n/* 读取 Headline Small 行高 */\n.element {\n line-height: var(--mdui-typescale-headline-small-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-small-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Small 字体大小。\n\n**示例**：\n```css\n/* 设置 Headline Small 字体大小 */\n:root {\n --mdui-typescale-headline-small-size: 16px;\n}\n\n/* 读取 Headline Small 字体大小 */\n.element {\n font-size: var(--mdui-typescale-headline-small-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-headline-small-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Headline Small 字间距。\n\n**示例**：\n```css\n/* 设置 Headline Small 字间距 */\n:root {\n --mdui-typescale-headline-small-tracking: 0.1;\n}\n\n/* 读取 Headline Small 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-headline-small-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-large-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Large 字重。\n\n**示例**：\n```css\n/* 设置 Title Large 字重 */\n:root {\n --mdui-typescale-title-large-weight: 500;\n}\n\n/* 读取 Title Large 字重 */\n.element {\n font-weight: var(--mdui-typescale-title-large-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-large-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Large 行高。\n\n**示例**：\n```css\n/* 设置 Title Large 行高 */\n:root {\n --mdui-typescale-title-large-line-height: 1.5;\n}\n\n/* 读取 Title Large 行高 */\n.element {\n line-height: var(--mdui-typescale-title-large-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-large-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Large 字体大小。\n\n**示例**：\n```css\n/* 设置 Title Large 字体大小 */\n:root {\n --mdui-typescale-title-large-size: 16px;\n}\n\n/* 读取 Title Large 字体大小 */\n.element {\n font-size: var(--mdui-typescale-title-large-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-large-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Large 字间距。\n\n**示例**：\n```css\n/* 设置 Title Large 字间距 */\n:root {\n --mdui-typescale-title-large-tracking: 0.1;\n}\n\n/* 读取 Title Large 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-title-large-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-medium-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Medium 字重。\n\n**示例**：\n```css\n/* 设置 Title Medium 字重 */\n:root {\n --mdui-typescale-title-medium-weight: 500;\n}\n\n/* 读取 Title Medium 字重 */\n.element {\n font-weight: var(--mdui-typescale-title-medium-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-medium-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Medium 行高。\n\n**示例**：\n```css\n/* 设置 Title Medium 行高 */\n:root {\n --mdui-typescale-title-medium-line-height: 1.5;\n}\n\n/* 读取 Title Medium 行高 */\n.element {\n line-height: var(--mdui-typescale-title-medium-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-medium-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Medium 字体大小。\n\n**示例**：\n```css\n/* 设置 Title Medium 字体大小 */\n:root {\n --mdui-typescale-title-medium-size: 16px;\n}\n\n/* 读取 Title Medium 字体大小 */\n.element {\n font-size: var(--mdui-typescale-title-medium-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-medium-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Medium 字间距。\n\n**示例**：\n```css\n/* 设置 Title Medium 字间距 */\n:root {\n --mdui-typescale-title-medium-tracking: 0.1;\n}\n\n/* 读取 Title Medium 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-title-medium-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-small-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Small 字重。\n\n**示例**：\n```css\n/* 设置 Title Small 字重 */\n:root {\n --mdui-typescale-title-small-weight: 500;\n}\n\n/* 读取 Title Small 字重 */\n.element {\n font-weight: var(--mdui-typescale-title-small-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-small-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Small 行高。\n\n**示例**：\n```css\n/* 设置 Title Small 行高 */\n:root {\n --mdui-typescale-title-small-line-height: 1.5;\n}\n\n/* 读取 Title Small 行高 */\n.element {\n line-height: var(--mdui-typescale-title-small-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-small-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Small 字体大小。\n\n**示例**：\n```css\n/* 设置 Title Small 字体大小 */\n:root {\n --mdui-typescale-title-small-size: 16px;\n}\n\n/* 读取 Title Small 字体大小 */\n.element {\n font-size: var(--mdui-typescale-title-small-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-title-small-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Title Small 字间距。\n\n**示例**：\n```css\n/* 设置 Title Small 字间距 */\n:root {\n --mdui-typescale-title-small-tracking: 0.1;\n}\n\n/* 读取 Title Small 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-title-small-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-large-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Large 字重。\n\n**示例**：\n```css\n/* 设置 Label Large 字重 */\n:root {\n --mdui-typescale-label-large-weight: 500;\n}\n\n/* 读取 Label Large 字重 */\n.element {\n font-weight: var(--mdui-typescale-label-large-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-large-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Large 行高。\n\n**示例**：\n```css\n/* 设置 Label Large 行高 */\n:root {\n --mdui-typescale-label-large-line-height: 1.5;\n}\n\n/* 读取 Label Large 行高 */\n.element {\n line-height: var(--mdui-typescale-label-large-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-large-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Large 字体大小。\n\n**示例**：\n```css\n/* 设置 Label Large 字体大小 */\n:root {\n --mdui-typescale-label-large-size: 16px;\n}\n\n/* 读取 Label Large 字体大小 */\n.element {\n font-size: var(--mdui-typescale-label-large-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-large-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Large 字间距。\n\n**示例**：\n```css\n/* 设置 Label Large 字间距 */\n:root {\n --mdui-typescale-label-large-tracking: 0.1;\n}\n\n/* 读取 Label Large 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-label-large-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-medium-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Medium 字重。\n\n**示例**：\n```css\n/* 设置 Label Medium 字重 */\n:root {\n --mdui-typescale-label-medium-weight: 500;\n}\n\n/* 读取 Label Medium 字重 */\n.element {\n font-weight: var(--mdui-typescale-label-medium-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-medium-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Medium 行高。\n\n**示例**：\n```css\n/* 设置 Label Medium 行高 */\n:root {\n --mdui-typescale-label-medium-line-height: 1.5;\n}\n\n/* 读取 Label Medium 行高 */\n.element {\n line-height: var(--mdui-typescale-label-medium-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-medium-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Medium 字体大小。\n\n**示例**：\n```css\n/* 设置 Label Medium 字体大小 */\n:root {\n --mdui-typescale-label-medium-size: 16px;\n}\n\n/* 读取 Label Medium 字体大小 */\n.element {\n font-size: var(--mdui-typescale-label-medium-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-medium-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Medium 字间距。\n\n**示例**：\n```css\n/* 设置 Label Medium 字间距 */\n:root {\n --mdui-typescale-label-medium-tracking: 0.1;\n}\n\n/* 读取 Label Medium 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-label-medium-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-small-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Small 字重。\n\n**示例**：\n```css\n/* 设置 Label Small 字重 */\n:root {\n --mdui-typescale-label-small-weight: 500;\n}\n\n/* 读取 Label Small 字重 */\n.element {\n font-weight: var(--mdui-typescale-label-small-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-small-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Small 行高。\n\n**示例**：\n```css\n/* 设置 Label Small 行高 */\n:root {\n --mdui-typescale-label-small-line-height: 1.5;\n}\n\n/* 读取 Label Small 行高 */\n.element {\n line-height: var(--mdui-typescale-label-small-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-small-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Small 字体大小。\n\n**示例**：\n```css\n/* 设置 Label Small 字体大小 */\n:root {\n --mdui-typescale-label-small-size: 16px;\n}\n\n/* 读取 Label Small 字体大小 */\n.element {\n font-size: var(--mdui-typescale-label-small-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-label-small-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Label Small 字间距。\n\n**示例**：\n```css\n/* 设置 Label Small 字间距 */\n:root {\n --mdui-typescale-label-small-tracking: 0.1;\n}\n\n/* 读取 Label Small 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-label-small-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-large-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Large 字重。\n\n**示例**：\n```css\n/* 设置 Body Large 字重 */\n:root {\n --mdui-typescale-body-large-weight: 500;\n}\n\n/* 读取 Body Large 字重 */\n.element {\n font-weight: var(--mdui-typescale-body-large-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-large-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Large 行高。\n\n**示例**：\n```css\n/* 设置 Body Large 行高 */\n:root {\n --mdui-typescale-body-large-line-height: 1.5;\n}\n\n/* 读取 Body Large 行高 */\n.element {\n line-height: var(--mdui-typescale-body-large-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-large-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Large 字体大小。\n\n**示例**：\n```css\n/* 设置 Body Large 字体大小 */\n:root {\n --mdui-typescale-body-large-size: 16px;\n}\n\n/* 读取 Body Large 字体大小 */\n.element {\n font-size: var(--mdui-typescale-body-large-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-large-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Large 字间距。\n\n**示例**：\n```css\n/* 设置 Body Large 字间距 */\n:root {\n --mdui-typescale-body-large-tracking: 0.1;\n}\n\n/* 读取 Body Large 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-body-large-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-medium-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Medium 字重。\n\n**示例**：\n```css\n/* 设置 Body Medium 字重 */\n:root {\n --mdui-typescale-body-medium-weight: 500;\n}\n\n/* 读取 Body Medium 字重 */\n.element {\n font-weight: var(--mdui-typescale-body-medium-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-medium-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Medium 行高。\n\n**示例**：\n```css\n/* 设置 Body Medium 行高 */\n:root {\n --mdui-typescale-body-medium-line-height: 1.5;\n}\n\n/* 读取 Body Medium 行高 */\n.element {\n line-height: var(--mdui-typescale-body-medium-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-medium-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Medium 字体大小。\n\n**示例**：\n```css\n/* 设置 Body Medium 字体大小 */\n:root {\n --mdui-typescale-body-medium-size: 16px;\n}\n\n/* 读取 Body Medium 字体大小 */\n.element {\n font-size: var(--mdui-typescale-body-medium-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-medium-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Medium 字间距。\n\n**示例**：\n```css\n/* 设置 Body Medium 字间距 */\n:root {\n --mdui-typescale-body-medium-tracking: 0.1;\n}\n\n/* 读取 Body Medium 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-body-medium-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-small-weight",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Small 字重。\n\n**示例**：\n```css\n/* 设置 Body Small 字重 */\n:root {\n --mdui-typescale-body-small-weight: 500;\n}\n\n/* 读取 Body Small 字重 */\n.element {\n font-weight: var(--mdui-typescale-body-small-weight);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-small-line-height",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Small 行高。\n\n**示例**：\n```css\n/* 设置 Body Small 行高 */\n:root {\n --mdui-typescale-body-small-line-height: 1.5;\n}\n\n/* 读取 Body Small 行高 */\n.element {\n line-height: var(--mdui-typescale-body-small-line-height);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-small-size",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Small 字体大小。\n\n**示例**：\n```css\n/* 设置 Body Small 字体大小 */\n:root {\n --mdui-typescale-body-small-size: 16px;\n}\n\n/* 读取 Body Small 字体大小 */\n.element {\n font-size: var(--mdui-typescale-body-small-size);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ },
+ {
+ "name": "--mdui-typescale-body-small-tracking",
+ "description": {
+ "kind": "markdown",
+ "value": "Body Small 字间距。\n\n**示例**：\n```css\n/* 设置 Body Small 字间距 */\n:root {\n --mdui-typescale-body-small-tracking: 0.1;\n}\n\n/* 读取 Body Small 字间距 */\n.element {\n letter-spacing: var(--mdui-typescale-body-small-tracking);\n}\n```\n"
+ },
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/styles/design-tokens#typescale"
+ }
+ ]
+ }
+ ]
+}
\ No newline at end of file
diff --git a/.vscode/mdui/html-data.zh-cn.json b/.vscode/mdui/html-data.zh-cn.json
new file mode 100644
index 0000000..8a1f21d
--- /dev/null
+++ b/.vscode/mdui/html-data.zh-cn.json
@@ -0,0 +1,6554 @@
+{
+ "version": 1.1,
+ "tags": [
+ {
+ "name": "mdui-avatar",
+ "description": "头像组件\n\n```html\n\n```",
+ "attributes": [
+ {
+ "name": "src",
+ "description": "头像图片的 URL 地址",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/avatar#attributes-src"
+ }
+ ]
+ },
+ {
+ "name": "fit",
+ "description": "图片如何适应容器框，与原生的 [`object-fit`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) 属性相同。可选值包括：\n\n* `contain`：保持图片原有尺寸比例，内容会被等比例缩放\n* `cover`：保持图片原有尺寸比例，但部分内容可能被剪切\n* `fill`：默认值，不保持图片原有尺寸比例，内容会被拉伸以填充整个容器\n* `none`：保留图片原有尺寸，内容不会被缩放或拉伸\n* `scale-down`：保持图片原有尺寸比例，内容尺寸与 `none` 或 `contain` 中较小的一个相同",
+ "values": [
+ {
+ "name": "contain",
+ "description": "保持图片原有尺寸比例，内容会被等比例缩放"
+ },
+ {
+ "name": "cover",
+ "description": "保持图片原有尺寸比例，但部分内容可能被剪切"
+ },
+ {
+ "name": "fill",
+ "description": "默认值，不保持图片原有尺寸比例，内容会被拉伸以填充整个容器"
+ },
+ {
+ "name": "none",
+ "description": "保留图片原有尺寸，内容不会被缩放或拉伸"
+ },
+ {
+ "name": "scale-down",
+ "description": "保持图片原有尺寸比例，内容尺寸与 `none` 或 `contain` 中较小的一个相同"
+ }
+ ],
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/avatar#attributes-fit"
+ }
+ ]
+ },
+ {
+ "name": "icon",
+ "description": "头像的 Material Icons 图标名",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/avatar#attributes-icon"
+ }
+ ]
+ },
+ {
+ "name": "label",
+ "description": "头像的替代文本描述",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/avatar#attributes-label"
+ }
+ ]
+ }
+ ],
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/avatar"
+ },
+ {
+ "name": "Github",
+ "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/avatar/index.ts"
+ }
+ ]
+ },
+ {
+ "name": "mdui-badge",
+ "description": "徽标组件\n\n```html\n12\n```",
+ "attributes": [
+ {
+ "name": "variant",
+ "description": "徽标的形状。可选值包括：\n\n* `small`：小型徽标，不显示文本\n* `large`：大型徽标，会显示文本",
+ "values": [
+ {
+ "name": "small",
+ "description": "小型徽标，不显示文本"
+ },
+ {
+ "name": "large",
+ "description": "大型徽标，会显示文本"
+ }
+ ],
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/badge#attributes-variant"
+ }
+ ]
+ }
+ ],
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/badge"
+ },
+ {
+ "name": "Github",
+ "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/badge/index.ts"
+ }
+ ]
+ },
+ {
+ "name": "mdui-bottom-app-bar",
+ "description": "底部应用栏组件\n\n```html\n\n \n \n \n \n \n \n\n```",
+ "attributes": [
+ {
+ "name": "hide",
+ "description": "是否隐藏",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-hide"
+ }
+ ]
+ },
+ {
+ "name": "fab-detach",
+ "description": "是否让底部应用栏中的 [``](https://www.mdui.org/zh-cn/docs/2/components/fab) 组件脱离应用栏。如果为 `true`，则当应用栏隐藏后，[``](https://www.mdui.org/zh-cn/docs/2/components/fab) 仍会停留在页面上",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-fab-detach"
+ }
+ ]
+ },
+ {
+ "name": "scroll-behavior",
+ "description": "滚动行为。可选值为：\n\n* `hide`：滚动时隐藏",
+ "values": [
+ {
+ "name": "hide"
+ },
+ {
+ "name": "shrink"
+ },
+ {
+ "name": "elevate"
+ }
+ ],
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-scroll-behavior"
+ }
+ ]
+ },
+ {
+ "name": "scroll-target",
+ "description": "需要监听其滚动事件的元素。值可以是 CSS 选择器、DOM 元素、或 [JQ 对象](https://www.mdui.org/zh-cn/docs/2/functions/jq)。默认监听 `window` 的滚动事件",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-scroll-target"
+ }
+ ]
+ },
+ {
+ "name": "scroll-threshold",
+ "description": "在滚动多少距离之后触发滚动行为，单位为 `px`",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-scroll-threshold"
+ }
+ ]
+ },
+ {
+ "name": "order",
+ "description": "该组件在 [``](https://www.mdui.org/zh-cn/docs/2/components/layout) 中的布局顺序，按从小到大排序。默认为 `0`",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar#attributes-order"
+ }
+ ]
+ }
+ ],
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/bottom-app-bar"
+ },
+ {
+ "name": "Github",
+ "url": "https://github.com/zdhxiong/mdui/blob/v2/packages/mdui/src/components/bottom-app-bar/index.ts"
+ }
+ ]
+ },
+ {
+ "name": "mdui-button-icon",
+ "description": "图标按钮组件\n\n```html\n\n```",
+ "attributes": [
+ {
+ "name": "variant",
+ "description": "图标按钮的形状。可选值包括：\n\n* `standard`：适用于最低优先级的操作\n* `filled`：视觉效果强烈，适用于高优先级的操作\n* `tonal`：视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作\n* `outlined`：适用于中等优先级的操作",
+ "values": [
+ {
+ "name": "standard",
+ "description": "适用于最低优先级的操作"
+ },
+ {
+ "name": "filled",
+ "description": "视觉效果强烈，适用于高优先级的操作"
+ },
+ {
+ "name": "tonal",
+ "description": "视觉效果介于 `filled` 和 `outlined` 之间，适用于中高优先级的操作"
+ },
+ {
+ "name": "outlined",
+ "description": "适用于中等优先级的操作"
+ }
+ ],
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-variant"
+ }
+ ]
+ },
+ {
+ "name": "icon",
+ "description": "Material Icons 图标名。也可以通过 default slot 设置",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-icon"
+ }
+ ]
+ },
+ {
+ "name": "selected-icon",
+ "description": "选中状态的 Material Icons 图标名。也可以通过 `slot=\"selected-icon\"` 设置",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selected-icon"
+ }
+ ]
+ },
+ {
+ "name": "selectable",
+ "description": "是否可选中",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selectable"
+ }
+ ]
+ },
+ {
+ "name": "selected",
+ "description": "是否已被选中",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-selected"
+ }
+ ]
+ },
+ {
+ "name": "href",
+ "description": "链接的目标 URL。\n\n如果设置了此属性，组件内部将渲染为 `` 元素，并可以使用链接相关的属性。",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-href"
+ }
+ ]
+ },
+ {
+ "name": "download",
+ "description": "下载链接的目标。\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-download"
+ }
+ ]
+ },
+ {
+ "name": "target",
+ "description": "链接的打开方式。可选值包括：\n\n* `_blank`：在新窗口中打开链接\n* `_parent`：在父框架中打开链接\n* `_self`：默认。在当前框架中打开链接\n* `_top`：在整个窗口中打开链接\n\n**Note**：仅在设置了 `href` 属性时，此属性才有效。",
+ "values": [
+ {
+ "name": "_blank",
+ "description": "在新窗口中打开链接"
+ },
+ {
+ "name": "_parent",
+ "description": "在父框架中打开链接"
+ },
+ {
+ "name": "_self",
+ "description": "默认。在当前框架中打开链接"
+ },
+ {
+ "name": "_top",
+ "description": "在整个窗口中打开链接"
+ }
+ ],
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-target"
+ }
+ ]
+ },
+ {
+ "name": "rel",
+ "description": "当前文档与被链接文档之间的关系。可选值包括：\n\n* `alternate`：当前文档的替代版本\n* `author`：当前文档或文章的作者\n* `bookmark`：永久链接到最近的祖先章节\n* `external`：引用的文档与当前文档不在同一站点\n* `help`：链接到相关的帮助文档\n* `license`：当前文档的主要内容由被引用文件的版权许可覆盖\n* `me`：当前文档代表链接内容的所有者\n* `next`：当前文档是系列中的一部分，被引用的文档是系列的下一个文档\n* `nofollow`：当前文档的作者或发布者不认可被引用的文件\n* `noreferrer`：不包含 `Referer` 头。类似于 `noopener` 的效果\n* `opener`：如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文\n* `prev`：当前文档是系列的一部分，被引用的文档是系列的上一个文档\n* `search`：提供一个资源链接，可用于搜索当前文件及其相关页面\n* `tag`：提供一个适用于当前文档的标签（由给定地址识别）\n\n**Note**：仅在指定了 `href` 属性时可用。",
+ "values": [
+ {
+ "name": "alternate",
+ "description": "当前文档的替代版本"
+ },
+ {
+ "name": "author",
+ "description": "当前文档或文章的作者"
+ },
+ {
+ "name": "bookmark",
+ "description": "永久链接到最近的祖先章节"
+ },
+ {
+ "name": "external",
+ "description": "引用的文档与当前文档不在同一站点"
+ },
+ {
+ "name": "help",
+ "description": "链接到相关的帮助文档"
+ },
+ {
+ "name": "license",
+ "description": "当前文档的主要内容由被引用文件的版权许可覆盖"
+ },
+ {
+ "name": "me",
+ "description": "当前文档代表链接内容的所有者"
+ },
+ {
+ "name": "next",
+ "description": "当前文档是系列中的一部分，被引用的文档是系列的下一个文档"
+ },
+ {
+ "name": "nofollow",
+ "description": "当前文档的作者或发布者不认可被引用的文件"
+ },
+ {
+ "name": "noreferrer",
+ "description": "不包含 `Referer` 头。类似于 `noopener` 的效果"
+ },
+ {
+ "name": "opener",
+ "description": "如果超链接会创建一个顶级浏览上下文（即 `target` 属性值为 `_blank`），则创建一个辅助浏览上下文"
+ },
+ {
+ "name": "prev",
+ "description": "当前文档是系列的一部分，被引用的文档是系列的上一个文档"
+ },
+ {
+ "name": "search",
+ "description": "提供一个资源链接，可用于搜索当前文件及其相关页面"
+ },
+ {
+ "name": "tag",
+ "description": "提供一个适用于当前文档的标签（由给定地址识别）"
+ }
+ ],
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-rel"
+ }
+ ]
+ },
+ {
+ "name": "autofocus",
+ "description": "是否在页面加载完成后自动获取焦点",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-autofocus"
+ }
+ ]
+ },
+ {
+ "name": "tabindex",
+ "description": "元素在使用 Tab 键切换焦点时的顺序",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-tabindex"
+ }
+ ]
+ },
+ {
+ "name": "disabled",
+ "description": "是否禁用",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-disabled"
+ }
+ ]
+ },
+ {
+ "name": "loading",
+ "description": "是否处于加载中状态",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-loading"
+ }
+ ]
+ },
+ {
+ "name": "name",
+ "description": "按钮的名称，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-name"
+ }
+ ]
+ },
+ {
+ "name": "value",
+ "description": "按钮的初始值，将与表单数据一起提交。\n\n**Note**：仅在未设置 `href` 属性时，此属性才有效。",
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-value"
+ }
+ ]
+ },
+ {
+ "name": "type",
+ "description": "按钮的类型。默认类型为 `button`。可选类型包括：\n\n* `submit`：点击按钮会提交表单数据到服务器\n* `reset`：点击按钮会将表单中的所有字段重置为初始值\n* `button`：此类型的按钮没有默认行为\n\n**Note**：仅在未指定 `href` 属性时，此属性才有效。",
+ "values": [
+ {
+ "name": "submit",
+ "description": "此按钮将表单数据提交给服务器"
+ },
+ {
+ "name": "reset",
+ "description": "此按钮重置所有组件为初始值"
+ },
+ {
+ "name": "button",
+ "description": "此按钮没有默认行为"
+ }
+ ],
+ "references": [
+ {
+ "name": "开发文档",
+ "url": "https://www.mdui.org/zh-cn/docs/2/components/button-icon#attributes-type"
+ }
+ ]
+ },
+ {
+ "name": "form",
+ "description": "关联的 `