CrescentLeaf/LingChair
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
Files
b85b6833b61d532e712f91f1e638b1f7b7c50dfe
LingChair/mdui_patched/css-data.zh-cn.json
CrescentLeaf 1cb8ac3fff 移动目录
2025-11-23 13:27:15 +08:00

2826 lines
162 KiB
JSON
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

{
"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"
}
]
}
]
}
Reference in New Issue View Git Blame Copy Permalink