@mdui/mcp 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +29 -0
- package/data/components.d.ts +43 -0
- package/data/components.js +6078 -0
- package/data/cssClasses.d.ts +8 -0
- package/data/cssClasses.js +33 -0
- package/data/cssVariables.d.ts +7 -0
- package/data/cssVariables.js +1088 -0
- package/data/documents.d.ts +9 -0
- package/data/documents.js +523 -0
- package/data/icons.d.ts +1 -0
- package/data/icons.js +2126 -0
- package/index.d.ts +1 -0
- package/index.js +1 -0
- package/package.json +36 -0
- package/server.d.ts +2 -0
- package/server.js +34 -0
- package/stdio.d.ts +2 -0
- package/stdio.js +12 -0
- package/tools/getComponentMetadata.d.ts +6 -0
- package/tools/getComponentMetadata.js +124 -0
- package/tools/getDocument.d.ts +7 -0
- package/tools/getDocument.js +97 -0
- package/tools/listComponents.d.ts +6 -0
- package/tools/listComponents.js +50 -0
- package/tools/listCssClasses.d.ts +6 -0
- package/tools/listCssClasses.js +43 -0
- package/tools/listCssVariables.d.ts +6 -0
- package/tools/listCssVariables.js +40 -0
- package/tools/listDocuments.d.ts +6 -0
- package/tools/listDocuments.js +43 -0
- package/tools/listIconCodes.d.ts +6 -0
- package/tools/listIconCodes.js +72 -0
- package/tools/listIconComponents.d.ts +7 -0
- package/tools/listIconComponents.js +79 -0
|
@@ -0,0 +1,1088 @@
|
|
|
1
|
+
// 此文件由 scripts/mcp/build-css-variables.ts 自动生成，请勿手动修改
|
|
2
|
+
export const cssVariables = [
|
|
3
|
+
{
|
|
4
|
+
"name": "--mdui-breakpoint-xs",
|
|
5
|
+
"description": "断点值。默认为 `0px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-xs: 0px;\n}\n```\n",
|
|
6
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
7
|
+
},
|
|
8
|
+
{
|
|
9
|
+
"name": "--mdui-breakpoint-sm",
|
|
10
|
+
"description": "断点值。默认为 `600px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-sm: 620px;\n}\n```\n",
|
|
11
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"name": "--mdui-breakpoint-md",
|
|
15
|
+
"description": "断点值。默认为 `840px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-md: 860px;\n}\n```\n",
|
|
16
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"name": "--mdui-breakpoint-lg",
|
|
20
|
+
"description": "断点值。默认为 `1080px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-lg: 1100px;\n}\n```\n",
|
|
21
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"name": "--mdui-breakpoint-xl",
|
|
25
|
+
"description": "断点值。默认为 `1440px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-xl: 1460px;\n}\n```\n",
|
|
26
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"name": "--mdui-breakpoint-xxl",
|
|
30
|
+
"description": "断点值。默认为 `1920px`\n\n**注意**：该断点值不支持在 CSS 媒体查询中使用。\n\n**示例**：\n```css\n/* 修改断点值 */\n:root {\n --mdui-breakpoint-xxl: 1940px;\n}\n```\n",
|
|
31
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#breakpoint"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"name": "--mdui-color-primary-light",
|
|
35
|
+
"description": "**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",
|
|
36
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"name": "--mdui-color-primary-container-light",
|
|
40
|
+
"description": "**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",
|
|
41
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"name": "--mdui-color-on-primary-light",
|
|
45
|
+
"description": "**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",
|
|
46
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"name": "--mdui-color-on-primary-container-light",
|
|
50
|
+
"description": "**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",
|
|
51
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"name": "--mdui-color-inverse-primary-light",
|
|
55
|
+
"description": "**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",
|
|
56
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "--mdui-color-secondary-light",
|
|
60
|
+
"description": "**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",
|
|
61
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"name": "--mdui-color-secondary-container-light",
|
|
65
|
+
"description": "**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",
|
|
66
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"name": "--mdui-color-on-secondary-light",
|
|
70
|
+
"description": "**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",
|
|
71
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "--mdui-color-on-secondary-container-light",
|
|
75
|
+
"description": "**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",
|
|
76
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"name": "--mdui-color-tertiary-light",
|
|
80
|
+
"description": "**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",
|
|
81
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "--mdui-color-tertiary-container-light",
|
|
85
|
+
"description": "**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",
|
|
86
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"name": "--mdui-color-on-tertiary-light",
|
|
90
|
+
"description": "**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",
|
|
91
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"name": "--mdui-color-on-tertiary-container-light",
|
|
95
|
+
"description": "**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",
|
|
96
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"name": "--mdui-color-surface-light",
|
|
100
|
+
"description": "**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",
|
|
101
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
"name": "--mdui-color-surface-dim-light",
|
|
105
|
+
"description": "**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",
|
|
106
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"name": "--mdui-color-surface-bright-light",
|
|
110
|
+
"description": "**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",
|
|
111
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"name": "--mdui-color-surface-container-lowest-light",
|
|
115
|
+
"description": "**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",
|
|
116
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"name": "--mdui-color-surface-container-low-light",
|
|
120
|
+
"description": "**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",
|
|
121
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
"name": "--mdui-color-surface-container-light",
|
|
125
|
+
"description": "**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",
|
|
126
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"name": "--mdui-color-surface-container-high-light",
|
|
130
|
+
"description": "**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",
|
|
131
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "--mdui-color-surface-container-highest-light",
|
|
135
|
+
"description": "**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",
|
|
136
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"name": "--mdui-color-surface-variant-light",
|
|
140
|
+
"description": "**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",
|
|
141
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
"name": "--mdui-color-on-surface-light",
|
|
145
|
+
"description": "**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",
|
|
146
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"name": "--mdui-color-on-surface-variant-light",
|
|
150
|
+
"description": "**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",
|
|
151
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"name": "--mdui-color-inverse-surface-light",
|
|
155
|
+
"description": "**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",
|
|
156
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
"name": "--mdui-color-inverse-on-surface-light",
|
|
160
|
+
"description": "**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",
|
|
161
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"name": "--mdui-color-background-light",
|
|
165
|
+
"description": "**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",
|
|
166
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"name": "--mdui-color-on-background-light",
|
|
170
|
+
"description": "**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",
|
|
171
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"name": "--mdui-color-error-light",
|
|
175
|
+
"description": "**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",
|
|
176
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
"name": "--mdui-color-error-container-light",
|
|
180
|
+
"description": "**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",
|
|
181
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"name": "--mdui-color-on-error-light",
|
|
185
|
+
"description": "**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",
|
|
186
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
"name": "--mdui-color-on-error-container-light",
|
|
190
|
+
"description": "**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",
|
|
191
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
"name": "--mdui-color-outline-light",
|
|
195
|
+
"description": "**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",
|
|
196
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
"name": "--mdui-color-outline-variant-light",
|
|
200
|
+
"description": "**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",
|
|
201
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"name": "--mdui-color-shadow-light",
|
|
205
|
+
"description": "**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",
|
|
206
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"name": "--mdui-color-surface-tint-color-light",
|
|
210
|
+
"description": "**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",
|
|
211
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
212
|
+
},
|
|
213
|
+
{
|
|
214
|
+
"name": "--mdui-color-scrim-light",
|
|
215
|
+
"description": "**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",
|
|
216
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
217
|
+
},
|
|
218
|
+
{
|
|
219
|
+
"name": "--mdui-color-primary-dark",
|
|
220
|
+
"description": "**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",
|
|
221
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
222
|
+
},
|
|
223
|
+
{
|
|
224
|
+
"name": "--mdui-color-primary-container-dark",
|
|
225
|
+
"description": "**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",
|
|
226
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
"name": "--mdui-color-on-primary-dark",
|
|
230
|
+
"description": "**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",
|
|
231
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"name": "--mdui-color-on-primary-container-dark",
|
|
235
|
+
"description": "**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",
|
|
236
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
"name": "--mdui-color-inverse-primary-dark",
|
|
240
|
+
"description": "**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",
|
|
241
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"name": "--mdui-color-secondary-dark",
|
|
245
|
+
"description": "**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",
|
|
246
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
"name": "--mdui-color-secondary-container-dark",
|
|
250
|
+
"description": "**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",
|
|
251
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
252
|
+
},
|
|
253
|
+
{
|
|
254
|
+
"name": "--mdui-color-on-secondary-dark",
|
|
255
|
+
"description": "**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",
|
|
256
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"name": "--mdui-color-on-secondary-container-dark",
|
|
260
|
+
"description": "**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",
|
|
261
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"name": "--mdui-color-tertiary-dark",
|
|
265
|
+
"description": "**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",
|
|
266
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"name": "--mdui-color-tertiary-container-dark",
|
|
270
|
+
"description": "**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",
|
|
271
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
"name": "--mdui-color-on-tertiary-dark",
|
|
275
|
+
"description": "**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",
|
|
276
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"name": "--mdui-color-on-tertiary-container-dark",
|
|
280
|
+
"description": "**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",
|
|
281
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
282
|
+
},
|
|
283
|
+
{
|
|
284
|
+
"name": "--mdui-color-surface-dark",
|
|
285
|
+
"description": "**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",
|
|
286
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
287
|
+
},
|
|
288
|
+
{
|
|
289
|
+
"name": "--mdui-color-surface-dim-dark",
|
|
290
|
+
"description": "**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",
|
|
291
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
"name": "--mdui-color-surface-bright-dark",
|
|
295
|
+
"description": "**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",
|
|
296
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
297
|
+
},
|
|
298
|
+
{
|
|
299
|
+
"name": "--mdui-color-surface-container-lowest-dark",
|
|
300
|
+
"description": "**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",
|
|
301
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
302
|
+
},
|
|
303
|
+
{
|
|
304
|
+
"name": "--mdui-color-surface-container-low-dark",
|
|
305
|
+
"description": "**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",
|
|
306
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
"name": "--mdui-color-surface-container-dark",
|
|
310
|
+
"description": "**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",
|
|
311
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
312
|
+
},
|
|
313
|
+
{
|
|
314
|
+
"name": "--mdui-color-surface-container-high-dark",
|
|
315
|
+
"description": "**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",
|
|
316
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
317
|
+
},
|
|
318
|
+
{
|
|
319
|
+
"name": "--mdui-color-surface-container-highest-dark",
|
|
320
|
+
"description": "**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",
|
|
321
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
322
|
+
},
|
|
323
|
+
{
|
|
324
|
+
"name": "--mdui-color-surface-variant-dark",
|
|
325
|
+
"description": "**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",
|
|
326
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
327
|
+
},
|
|
328
|
+
{
|
|
329
|
+
"name": "--mdui-color-on-surface-dark",
|
|
330
|
+
"description": "**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",
|
|
331
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
332
|
+
},
|
|
333
|
+
{
|
|
334
|
+
"name": "--mdui-color-on-surface-variant-dark",
|
|
335
|
+
"description": "**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",
|
|
336
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
337
|
+
},
|
|
338
|
+
{
|
|
339
|
+
"name": "--mdui-color-inverse-surface-dark",
|
|
340
|
+
"description": "**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",
|
|
341
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
"name": "--mdui-color-inverse-on-surface-dark",
|
|
345
|
+
"description": "**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",
|
|
346
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
347
|
+
},
|
|
348
|
+
{
|
|
349
|
+
"name": "--mdui-color-background-dark",
|
|
350
|
+
"description": "**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",
|
|
351
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
352
|
+
},
|
|
353
|
+
{
|
|
354
|
+
"name": "--mdui-color-on-background-dark",
|
|
355
|
+
"description": "**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",
|
|
356
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
357
|
+
},
|
|
358
|
+
{
|
|
359
|
+
"name": "--mdui-color-error-dark",
|
|
360
|
+
"description": "**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",
|
|
361
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
"name": "--mdui-color-error-container-dark",
|
|
365
|
+
"description": "**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",
|
|
366
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
367
|
+
},
|
|
368
|
+
{
|
|
369
|
+
"name": "--mdui-color-on-error-dark",
|
|
370
|
+
"description": "**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",
|
|
371
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
372
|
+
},
|
|
373
|
+
{
|
|
374
|
+
"name": "--mdui-color-on-error-container-dark",
|
|
375
|
+
"description": "**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",
|
|
376
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
377
|
+
},
|
|
378
|
+
{
|
|
379
|
+
"name": "--mdui-color-outline-dark",
|
|
380
|
+
"description": "**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",
|
|
381
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"name": "--mdui-color-outline-variant-dark",
|
|
385
|
+
"description": "**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",
|
|
386
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
387
|
+
},
|
|
388
|
+
{
|
|
389
|
+
"name": "--mdui-color-shadow-dark",
|
|
390
|
+
"description": "**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",
|
|
391
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
392
|
+
},
|
|
393
|
+
{
|
|
394
|
+
"name": "--mdui-color-surface-tint-color-dark",
|
|
395
|
+
"description": "**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",
|
|
396
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
397
|
+
},
|
|
398
|
+
{
|
|
399
|
+
"name": "--mdui-color-scrim-dark",
|
|
400
|
+
"description": "**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",
|
|
401
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
402
|
+
},
|
|
403
|
+
{
|
|
404
|
+
"name": "--mdui-color-primary",
|
|
405
|
+
"description": "**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",
|
|
406
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
407
|
+
},
|
|
408
|
+
{
|
|
409
|
+
"name": "--mdui-color-primary-container",
|
|
410
|
+
"description": "**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",
|
|
411
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
412
|
+
},
|
|
413
|
+
{
|
|
414
|
+
"name": "--mdui-color-on-primary",
|
|
415
|
+
"description": "**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",
|
|
416
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
417
|
+
},
|
|
418
|
+
{
|
|
419
|
+
"name": "--mdui-color-on-primary-container",
|
|
420
|
+
"description": "**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",
|
|
421
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
422
|
+
},
|
|
423
|
+
{
|
|
424
|
+
"name": "--mdui-color-inverse-primary",
|
|
425
|
+
"description": "**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",
|
|
426
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
427
|
+
},
|
|
428
|
+
{
|
|
429
|
+
"name": "--mdui-color-secondary",
|
|
430
|
+
"description": "**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",
|
|
431
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
"name": "--mdui-color-secondary-container",
|
|
435
|
+
"description": "**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",
|
|
436
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
437
|
+
},
|
|
438
|
+
{
|
|
439
|
+
"name": "--mdui-color-on-secondary",
|
|
440
|
+
"description": "**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",
|
|
441
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"name": "--mdui-color-on-secondary-container",
|
|
445
|
+
"description": "**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",
|
|
446
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
447
|
+
},
|
|
448
|
+
{
|
|
449
|
+
"name": "--mdui-color-tertiary",
|
|
450
|
+
"description": "**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",
|
|
451
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
452
|
+
},
|
|
453
|
+
{
|
|
454
|
+
"name": "--mdui-color-tertiary-container",
|
|
455
|
+
"description": "**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",
|
|
456
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
457
|
+
},
|
|
458
|
+
{
|
|
459
|
+
"name": "--mdui-color-on-tertiary",
|
|
460
|
+
"description": "**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",
|
|
461
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
462
|
+
},
|
|
463
|
+
{
|
|
464
|
+
"name": "--mdui-color-on-tertiary-container",
|
|
465
|
+
"description": "**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",
|
|
466
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
467
|
+
},
|
|
468
|
+
{
|
|
469
|
+
"name": "--mdui-color-surface",
|
|
470
|
+
"description": "**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",
|
|
471
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"name": "--mdui-color-surface-dim",
|
|
475
|
+
"description": "**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",
|
|
476
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
477
|
+
},
|
|
478
|
+
{
|
|
479
|
+
"name": "--mdui-color-surface-bright",
|
|
480
|
+
"description": "**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",
|
|
481
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
482
|
+
},
|
|
483
|
+
{
|
|
484
|
+
"name": "--mdui-color-surface-container-lowest",
|
|
485
|
+
"description": "**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",
|
|
486
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
487
|
+
},
|
|
488
|
+
{
|
|
489
|
+
"name": "--mdui-color-surface-container-low",
|
|
490
|
+
"description": "**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",
|
|
491
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
492
|
+
},
|
|
493
|
+
{
|
|
494
|
+
"name": "--mdui-color-surface-container",
|
|
495
|
+
"description": "**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",
|
|
496
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
"name": "--mdui-color-surface-container-high",
|
|
500
|
+
"description": "**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",
|
|
501
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
502
|
+
},
|
|
503
|
+
{
|
|
504
|
+
"name": "--mdui-color-surface-container-highest",
|
|
505
|
+
"description": "**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",
|
|
506
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
507
|
+
},
|
|
508
|
+
{
|
|
509
|
+
"name": "--mdui-color-surface-variant",
|
|
510
|
+
"description": "**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",
|
|
511
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
512
|
+
},
|
|
513
|
+
{
|
|
514
|
+
"name": "--mdui-color-on-surface",
|
|
515
|
+
"description": "**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",
|
|
516
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
517
|
+
},
|
|
518
|
+
{
|
|
519
|
+
"name": "--mdui-color-on-surface-variant",
|
|
520
|
+
"description": "**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",
|
|
521
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
522
|
+
},
|
|
523
|
+
{
|
|
524
|
+
"name": "--mdui-color-inverse-surface",
|
|
525
|
+
"description": "**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",
|
|
526
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
527
|
+
},
|
|
528
|
+
{
|
|
529
|
+
"name": "--mdui-color-inverse-on-surface",
|
|
530
|
+
"description": "**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",
|
|
531
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
532
|
+
},
|
|
533
|
+
{
|
|
534
|
+
"name": "--mdui-color-background",
|
|
535
|
+
"description": "**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",
|
|
536
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
537
|
+
},
|
|
538
|
+
{
|
|
539
|
+
"name": "--mdui-color-on-background",
|
|
540
|
+
"description": "**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",
|
|
541
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
542
|
+
},
|
|
543
|
+
{
|
|
544
|
+
"name": "--mdui-color-error",
|
|
545
|
+
"description": "**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",
|
|
546
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
547
|
+
},
|
|
548
|
+
{
|
|
549
|
+
"name": "--mdui-color-error-container",
|
|
550
|
+
"description": "**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",
|
|
551
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
552
|
+
},
|
|
553
|
+
{
|
|
554
|
+
"name": "--mdui-color-on-error",
|
|
555
|
+
"description": "**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",
|
|
556
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
557
|
+
},
|
|
558
|
+
{
|
|
559
|
+
"name": "--mdui-color-on-error-container",
|
|
560
|
+
"description": "**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",
|
|
561
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
562
|
+
},
|
|
563
|
+
{
|
|
564
|
+
"name": "--mdui-color-outline",
|
|
565
|
+
"description": "**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",
|
|
566
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
567
|
+
},
|
|
568
|
+
{
|
|
569
|
+
"name": "--mdui-color-outline-variant",
|
|
570
|
+
"description": "**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",
|
|
571
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
572
|
+
},
|
|
573
|
+
{
|
|
574
|
+
"name": "--mdui-color-shadow",
|
|
575
|
+
"description": "**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",
|
|
576
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
577
|
+
},
|
|
578
|
+
{
|
|
579
|
+
"name": "--mdui-color-surface-tint-color",
|
|
580
|
+
"description": "**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",
|
|
581
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
582
|
+
},
|
|
583
|
+
{
|
|
584
|
+
"name": "--mdui-color-scrim",
|
|
585
|
+
"description": "**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",
|
|
586
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#color"
|
|
587
|
+
},
|
|
588
|
+
{
|
|
589
|
+
"name": "--mdui-elevation-level0",
|
|
590
|
+
"description": "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",
|
|
591
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
592
|
+
},
|
|
593
|
+
{
|
|
594
|
+
"name": "--mdui-elevation-level1",
|
|
595
|
+
"description": "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",
|
|
596
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
597
|
+
},
|
|
598
|
+
{
|
|
599
|
+
"name": "--mdui-elevation-level2",
|
|
600
|
+
"description": "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",
|
|
601
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
602
|
+
},
|
|
603
|
+
{
|
|
604
|
+
"name": "--mdui-elevation-level3",
|
|
605
|
+
"description": "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",
|
|
606
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
607
|
+
},
|
|
608
|
+
{
|
|
609
|
+
"name": "--mdui-elevation-level4",
|
|
610
|
+
"description": "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",
|
|
611
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
612
|
+
},
|
|
613
|
+
{
|
|
614
|
+
"name": "--mdui-elevation-level5",
|
|
615
|
+
"description": "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",
|
|
616
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#elevation"
|
|
617
|
+
},
|
|
618
|
+
{
|
|
619
|
+
"name": "--mdui-motion-easing-linear",
|
|
620
|
+
"description": "线性动画的缓动曲线。\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",
|
|
621
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"name": "--mdui-motion-easing-standard",
|
|
625
|
+
"description": "标准动画的缓动曲线。\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",
|
|
626
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
627
|
+
},
|
|
628
|
+
{
|
|
629
|
+
"name": "--mdui-motion-easing-standard-accelerate",
|
|
630
|
+
"description": "标准加速动画的缓动曲线。\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",
|
|
631
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"name": "--mdui-motion-easing-standard-decelerate",
|
|
635
|
+
"description": "标准减速动画的缓动曲线。\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",
|
|
636
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"name": "--mdui-motion-easing-emphasized",
|
|
640
|
+
"description": "强调动画的缓动曲线。\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",
|
|
641
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
642
|
+
},
|
|
643
|
+
{
|
|
644
|
+
"name": "--mdui-motion-easing-emphasized-accelerate",
|
|
645
|
+
"description": "强调加速动画的缓动曲线。\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",
|
|
646
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
647
|
+
},
|
|
648
|
+
{
|
|
649
|
+
"name": "--mdui-motion-easing-emphasized-decelerate",
|
|
650
|
+
"description": "强调减速动画的缓动曲线。\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",
|
|
651
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
652
|
+
},
|
|
653
|
+
{
|
|
654
|
+
"name": "--mdui-motion-duration-short1",
|
|
655
|
+
"description": "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",
|
|
656
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"name": "--mdui-motion-duration-short2",
|
|
660
|
+
"description": "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",
|
|
661
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
662
|
+
},
|
|
663
|
+
{
|
|
664
|
+
"name": "--mdui-motion-duration-short3",
|
|
665
|
+
"description": "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",
|
|
666
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
667
|
+
},
|
|
668
|
+
{
|
|
669
|
+
"name": "--mdui-motion-duration-short4",
|
|
670
|
+
"description": "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",
|
|
671
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
672
|
+
},
|
|
673
|
+
{
|
|
674
|
+
"name": "--mdui-motion-duration-medium1",
|
|
675
|
+
"description": "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",
|
|
676
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
677
|
+
},
|
|
678
|
+
{
|
|
679
|
+
"name": "--mdui-motion-duration-medium2",
|
|
680
|
+
"description": "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",
|
|
681
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
682
|
+
},
|
|
683
|
+
{
|
|
684
|
+
"name": "--mdui-motion-duration-medium3",
|
|
685
|
+
"description": "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",
|
|
686
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
687
|
+
},
|
|
688
|
+
{
|
|
689
|
+
"name": "--mdui-motion-duration-medium4",
|
|
690
|
+
"description": "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",
|
|
691
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
692
|
+
},
|
|
693
|
+
{
|
|
694
|
+
"name": "--mdui-motion-duration-long1",
|
|
695
|
+
"description": "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",
|
|
696
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
697
|
+
},
|
|
698
|
+
{
|
|
699
|
+
"name": "--mdui-motion-duration-long2",
|
|
700
|
+
"description": "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",
|
|
701
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
702
|
+
},
|
|
703
|
+
{
|
|
704
|
+
"name": "--mdui-motion-duration-long3",
|
|
705
|
+
"description": "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",
|
|
706
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
707
|
+
},
|
|
708
|
+
{
|
|
709
|
+
"name": "--mdui-motion-duration-long4",
|
|
710
|
+
"description": "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",
|
|
711
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
712
|
+
},
|
|
713
|
+
{
|
|
714
|
+
"name": "--mdui-motion-duration-extra-long1",
|
|
715
|
+
"description": "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",
|
|
716
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
717
|
+
},
|
|
718
|
+
{
|
|
719
|
+
"name": "--mdui-motion-duration-extra-long2",
|
|
720
|
+
"description": "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",
|
|
721
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
722
|
+
},
|
|
723
|
+
{
|
|
724
|
+
"name": "--mdui-motion-duration-extra-long3",
|
|
725
|
+
"description": "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",
|
|
726
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
727
|
+
},
|
|
728
|
+
{
|
|
729
|
+
"name": "--mdui-motion-duration-extra-long4",
|
|
730
|
+
"description": "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",
|
|
731
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#motion"
|
|
732
|
+
},
|
|
733
|
+
{
|
|
734
|
+
"name": "--mdui-shape-corner-none",
|
|
735
|
+
"description": "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",
|
|
736
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
737
|
+
},
|
|
738
|
+
{
|
|
739
|
+
"name": "--mdui-shape-corner-extra-small",
|
|
740
|
+
"description": "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",
|
|
741
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
742
|
+
},
|
|
743
|
+
{
|
|
744
|
+
"name": "--mdui-shape-corner-small",
|
|
745
|
+
"description": "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",
|
|
746
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
747
|
+
},
|
|
748
|
+
{
|
|
749
|
+
"name": "--mdui-shape-corner-medium",
|
|
750
|
+
"description": "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",
|
|
751
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
752
|
+
},
|
|
753
|
+
{
|
|
754
|
+
"name": "--mdui-shape-corner-large",
|
|
755
|
+
"description": "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",
|
|
756
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
757
|
+
},
|
|
758
|
+
{
|
|
759
|
+
"name": "--mdui-shape-corner-extra-large",
|
|
760
|
+
"description": "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",
|
|
761
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
762
|
+
},
|
|
763
|
+
{
|
|
764
|
+
"name": "--mdui-shape-corner-full",
|
|
765
|
+
"description": "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",
|
|
766
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#shape-corner"
|
|
767
|
+
},
|
|
768
|
+
{
|
|
769
|
+
"name": "--mdui-state-layer-hover",
|
|
770
|
+
"description": "`hover` 状态的状态层不透明度。\n\n**示例**：\n```css\n/* 设置 hover 状态的状态层不透明度 */\n:root {\n --mdui-state-layer-hover: 0.1;\n}\n```\n",
|
|
771
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#state-layer"
|
|
772
|
+
},
|
|
773
|
+
{
|
|
774
|
+
"name": "--mdui-state-layer-focus",
|
|
775
|
+
"description": "`focus` 状态的状态层不透明度。\n\n**示例**：\n```css\n/* 设置 focus 状态的状态层不透明度 */\n:root {\n --mdui-state-layer-focus: 0.1;\n}\n```\n",
|
|
776
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#state-layer"
|
|
777
|
+
},
|
|
778
|
+
{
|
|
779
|
+
"name": "--mdui-state-layer-pressed",
|
|
780
|
+
"description": "`pressed` 状态的状态层不透明度。\n\n**示例**：\n```css\n/* 设置 pressed 状态的状态层不透明度 */\n:root {\n --mdui-state-layer-pressed: 0.1;\n}\n```\n",
|
|
781
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#state-layer"
|
|
782
|
+
},
|
|
783
|
+
{
|
|
784
|
+
"name": "--mdui-state-layer-dragged",
|
|
785
|
+
"description": "`dragged` 状态的状态层不透明度。\n\n**示例**：\n```css\n/* 设置 dragged 状态的状态层不透明度 */\n:root {\n --mdui-state-layer-dragged: 0.1;\n}\n```\n",
|
|
786
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#state-layer"
|
|
787
|
+
},
|
|
788
|
+
{
|
|
789
|
+
"name": "--mdui-typescale-display-large-weight",
|
|
790
|
+
"description": "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",
|
|
791
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
792
|
+
},
|
|
793
|
+
{
|
|
794
|
+
"name": "--mdui-typescale-display-large-line-height",
|
|
795
|
+
"description": "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",
|
|
796
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
797
|
+
},
|
|
798
|
+
{
|
|
799
|
+
"name": "--mdui-typescale-display-large-size",
|
|
800
|
+
"description": "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",
|
|
801
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
802
|
+
},
|
|
803
|
+
{
|
|
804
|
+
"name": "--mdui-typescale-display-large-tracking",
|
|
805
|
+
"description": "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",
|
|
806
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
807
|
+
},
|
|
808
|
+
{
|
|
809
|
+
"name": "--mdui-typescale-display-medium-weight",
|
|
810
|
+
"description": "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",
|
|
811
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
812
|
+
},
|
|
813
|
+
{
|
|
814
|
+
"name": "--mdui-typescale-display-medium-line-height",
|
|
815
|
+
"description": "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",
|
|
816
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
817
|
+
},
|
|
818
|
+
{
|
|
819
|
+
"name": "--mdui-typescale-display-medium-size",
|
|
820
|
+
"description": "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",
|
|
821
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
822
|
+
},
|
|
823
|
+
{
|
|
824
|
+
"name": "--mdui-typescale-display-medium-tracking",
|
|
825
|
+
"description": "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",
|
|
826
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
827
|
+
},
|
|
828
|
+
{
|
|
829
|
+
"name": "--mdui-typescale-display-small-weight",
|
|
830
|
+
"description": "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",
|
|
831
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
832
|
+
},
|
|
833
|
+
{
|
|
834
|
+
"name": "--mdui-typescale-display-small-line-height",
|
|
835
|
+
"description": "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",
|
|
836
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
837
|
+
},
|
|
838
|
+
{
|
|
839
|
+
"name": "--mdui-typescale-display-small-size",
|
|
840
|
+
"description": "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",
|
|
841
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
842
|
+
},
|
|
843
|
+
{
|
|
844
|
+
"name": "--mdui-typescale-display-small-tracking",
|
|
845
|
+
"description": "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",
|
|
846
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
847
|
+
},
|
|
848
|
+
{
|
|
849
|
+
"name": "--mdui-typescale-headline-large-weight",
|
|
850
|
+
"description": "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",
|
|
851
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
852
|
+
},
|
|
853
|
+
{
|
|
854
|
+
"name": "--mdui-typescale-headline-large-line-height",
|
|
855
|
+
"description": "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",
|
|
856
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
857
|
+
},
|
|
858
|
+
{
|
|
859
|
+
"name": "--mdui-typescale-headline-large-size",
|
|
860
|
+
"description": "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",
|
|
861
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
862
|
+
},
|
|
863
|
+
{
|
|
864
|
+
"name": "--mdui-typescale-headline-large-tracking",
|
|
865
|
+
"description": "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",
|
|
866
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
867
|
+
},
|
|
868
|
+
{
|
|
869
|
+
"name": "--mdui-typescale-headline-medium-weight",
|
|
870
|
+
"description": "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",
|
|
871
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
872
|
+
},
|
|
873
|
+
{
|
|
874
|
+
"name": "--mdui-typescale-headline-medium-line-height",
|
|
875
|
+
"description": "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",
|
|
876
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
877
|
+
},
|
|
878
|
+
{
|
|
879
|
+
"name": "--mdui-typescale-headline-medium-size",
|
|
880
|
+
"description": "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",
|
|
881
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
882
|
+
},
|
|
883
|
+
{
|
|
884
|
+
"name": "--mdui-typescale-headline-medium-tracking",
|
|
885
|
+
"description": "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",
|
|
886
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
887
|
+
},
|
|
888
|
+
{
|
|
889
|
+
"name": "--mdui-typescale-headline-small-weight",
|
|
890
|
+
"description": "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",
|
|
891
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
892
|
+
},
|
|
893
|
+
{
|
|
894
|
+
"name": "--mdui-typescale-headline-small-line-height",
|
|
895
|
+
"description": "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",
|
|
896
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
897
|
+
},
|
|
898
|
+
{
|
|
899
|
+
"name": "--mdui-typescale-headline-small-size",
|
|
900
|
+
"description": "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",
|
|
901
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
902
|
+
},
|
|
903
|
+
{
|
|
904
|
+
"name": "--mdui-typescale-headline-small-tracking",
|
|
905
|
+
"description": "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",
|
|
906
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
907
|
+
},
|
|
908
|
+
{
|
|
909
|
+
"name": "--mdui-typescale-title-large-weight",
|
|
910
|
+
"description": "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",
|
|
911
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
912
|
+
},
|
|
913
|
+
{
|
|
914
|
+
"name": "--mdui-typescale-title-large-line-height",
|
|
915
|
+
"description": "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",
|
|
916
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
917
|
+
},
|
|
918
|
+
{
|
|
919
|
+
"name": "--mdui-typescale-title-large-size",
|
|
920
|
+
"description": "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",
|
|
921
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
922
|
+
},
|
|
923
|
+
{
|
|
924
|
+
"name": "--mdui-typescale-title-large-tracking",
|
|
925
|
+
"description": "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",
|
|
926
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
927
|
+
},
|
|
928
|
+
{
|
|
929
|
+
"name": "--mdui-typescale-title-medium-weight",
|
|
930
|
+
"description": "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",
|
|
931
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
932
|
+
},
|
|
933
|
+
{
|
|
934
|
+
"name": "--mdui-typescale-title-medium-line-height",
|
|
935
|
+
"description": "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",
|
|
936
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
937
|
+
},
|
|
938
|
+
{
|
|
939
|
+
"name": "--mdui-typescale-title-medium-size",
|
|
940
|
+
"description": "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",
|
|
941
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
942
|
+
},
|
|
943
|
+
{
|
|
944
|
+
"name": "--mdui-typescale-title-medium-tracking",
|
|
945
|
+
"description": "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",
|
|
946
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
947
|
+
},
|
|
948
|
+
{
|
|
949
|
+
"name": "--mdui-typescale-title-small-weight",
|
|
950
|
+
"description": "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",
|
|
951
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
952
|
+
},
|
|
953
|
+
{
|
|
954
|
+
"name": "--mdui-typescale-title-small-line-height",
|
|
955
|
+
"description": "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",
|
|
956
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
957
|
+
},
|
|
958
|
+
{
|
|
959
|
+
"name": "--mdui-typescale-title-small-size",
|
|
960
|
+
"description": "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",
|
|
961
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
962
|
+
},
|
|
963
|
+
{
|
|
964
|
+
"name": "--mdui-typescale-title-small-tracking",
|
|
965
|
+
"description": "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",
|
|
966
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
967
|
+
},
|
|
968
|
+
{
|
|
969
|
+
"name": "--mdui-typescale-label-large-weight",
|
|
970
|
+
"description": "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",
|
|
971
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
972
|
+
},
|
|
973
|
+
{
|
|
974
|
+
"name": "--mdui-typescale-label-large-line-height",
|
|
975
|
+
"description": "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",
|
|
976
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
977
|
+
},
|
|
978
|
+
{
|
|
979
|
+
"name": "--mdui-typescale-label-large-size",
|
|
980
|
+
"description": "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",
|
|
981
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
982
|
+
},
|
|
983
|
+
{
|
|
984
|
+
"name": "--mdui-typescale-label-large-tracking",
|
|
985
|
+
"description": "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",
|
|
986
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
987
|
+
},
|
|
988
|
+
{
|
|
989
|
+
"name": "--mdui-typescale-label-medium-weight",
|
|
990
|
+
"description": "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",
|
|
991
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
992
|
+
},
|
|
993
|
+
{
|
|
994
|
+
"name": "--mdui-typescale-label-medium-line-height",
|
|
995
|
+
"description": "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",
|
|
996
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
997
|
+
},
|
|
998
|
+
{
|
|
999
|
+
"name": "--mdui-typescale-label-medium-size",
|
|
1000
|
+
"description": "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",
|
|
1001
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1002
|
+
},
|
|
1003
|
+
{
|
|
1004
|
+
"name": "--mdui-typescale-label-medium-tracking",
|
|
1005
|
+
"description": "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",
|
|
1006
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1007
|
+
},
|
|
1008
|
+
{
|
|
1009
|
+
"name": "--mdui-typescale-label-small-weight",
|
|
1010
|
+
"description": "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",
|
|
1011
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1012
|
+
},
|
|
1013
|
+
{
|
|
1014
|
+
"name": "--mdui-typescale-label-small-line-height",
|
|
1015
|
+
"description": "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",
|
|
1016
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1017
|
+
},
|
|
1018
|
+
{
|
|
1019
|
+
"name": "--mdui-typescale-label-small-size",
|
|
1020
|
+
"description": "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",
|
|
1021
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1022
|
+
},
|
|
1023
|
+
{
|
|
1024
|
+
"name": "--mdui-typescale-label-small-tracking",
|
|
1025
|
+
"description": "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",
|
|
1026
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1027
|
+
},
|
|
1028
|
+
{
|
|
1029
|
+
"name": "--mdui-typescale-body-large-weight",
|
|
1030
|
+
"description": "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",
|
|
1031
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1032
|
+
},
|
|
1033
|
+
{
|
|
1034
|
+
"name": "--mdui-typescale-body-large-line-height",
|
|
1035
|
+
"description": "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",
|
|
1036
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1037
|
+
},
|
|
1038
|
+
{
|
|
1039
|
+
"name": "--mdui-typescale-body-large-size",
|
|
1040
|
+
"description": "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",
|
|
1041
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1042
|
+
},
|
|
1043
|
+
{
|
|
1044
|
+
"name": "--mdui-typescale-body-large-tracking",
|
|
1045
|
+
"description": "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",
|
|
1046
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1047
|
+
},
|
|
1048
|
+
{
|
|
1049
|
+
"name": "--mdui-typescale-body-medium-weight",
|
|
1050
|
+
"description": "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",
|
|
1051
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1052
|
+
},
|
|
1053
|
+
{
|
|
1054
|
+
"name": "--mdui-typescale-body-medium-line-height",
|
|
1055
|
+
"description": "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",
|
|
1056
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1057
|
+
},
|
|
1058
|
+
{
|
|
1059
|
+
"name": "--mdui-typescale-body-medium-size",
|
|
1060
|
+
"description": "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",
|
|
1061
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1062
|
+
},
|
|
1063
|
+
{
|
|
1064
|
+
"name": "--mdui-typescale-body-medium-tracking",
|
|
1065
|
+
"description": "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",
|
|
1066
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1067
|
+
},
|
|
1068
|
+
{
|
|
1069
|
+
"name": "--mdui-typescale-body-small-weight",
|
|
1070
|
+
"description": "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",
|
|
1071
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1072
|
+
},
|
|
1073
|
+
{
|
|
1074
|
+
"name": "--mdui-typescale-body-small-line-height",
|
|
1075
|
+
"description": "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",
|
|
1076
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1077
|
+
},
|
|
1078
|
+
{
|
|
1079
|
+
"name": "--mdui-typescale-body-small-size",
|
|
1080
|
+
"description": "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",
|
|
1081
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1082
|
+
},
|
|
1083
|
+
{
|
|
1084
|
+
"name": "--mdui-typescale-body-small-tracking",
|
|
1085
|
+
"description": "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",
|
|
1086
|
+
"docUrl": "https://www.mdui.org/docs/2/styles/design-tokens#typescale"
|
|
1087
|
+
}
|
|
1088
|
+
];
|