mdui 2.1.4 → 2.1.5
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/README.md +49 -49
- package/components/avatar/index.d.ts +2 -2
- package/components/avatar/index.js +1 -1
- package/components/badge/index.d.ts +1 -1
- package/components/badge/index.js +1 -1
- package/components/bottom-app-bar/index.d.ts +2 -2
- package/components/bottom-app-bar/index.js +2 -2
- package/components/bottom-app-bar/style.js +1 -1
- package/components/button/index.d.ts +1 -1
- package/components/button/index.js +1 -1
- package/components/button/style.js +1 -1
- package/components/button-icon/index.d.ts +1 -1
- package/components/button-icon/index.js +3 -2
- package/components/card/index.d.ts +1 -1
- package/components/card/index.js +1 -1
- package/components/checkbox/index.d.ts +4 -4
- package/components/checkbox/index.js +4 -4
- package/components/chip/index.d.ts +8 -8
- package/components/chip/index.js +8 -8
- package/components/circular-progress/index.d.ts +3 -3
- package/components/circular-progress/index.js +2 -2
- package/components/collapse/collapse-item.d.ts +1 -1
- package/components/dialog/index.d.ts +1 -1
- package/components/dialog/index.js +1 -1
- package/components/divider/index.d.ts +2 -2
- package/components/divider/index.js +2 -2
- package/components/dropdown/index.d.ts +2 -2
- package/components/dropdown/index.js +10 -3
- package/components/fab/index.d.ts +3 -3
- package/components/fab/index.js +3 -3
- package/components/layout/layout-item-base.d.ts +1 -1
- package/components/layout/layout.d.ts +1 -1
- package/components/layout/layout.js +1 -1
- package/components/linear-progress/index.d.ts +4 -4
- package/components/linear-progress/index.js +3 -3
- package/components/list/list-item.d.ts +4 -4
- package/components/list/list-item.js +4 -4
- package/components/menu/menu-item.d.ts +2 -2
- package/components/menu/menu-item.js +4 -3
- package/components/menu/menu.d.ts +2 -2
- package/components/menu/menu.js +2 -3
- package/components/navigation-bar/navigation-bar-item.d.ts +1 -1
- package/components/navigation-bar/navigation-bar-item.js +1 -1
- package/components/navigation-bar/navigation-bar-style.js +1 -1
- package/components/navigation-bar/navigation-bar.d.ts +1 -1
- package/components/navigation-bar/navigation-bar.js +1 -1
- package/components/navigation-drawer/index.d.ts +15 -15
- package/components/navigation-drawer/index.js +15 -16
- package/components/navigation-rail/navigation-rail-item.d.ts +1 -1
- package/components/navigation-rail/navigation-rail-item.js +1 -1
- package/components/navigation-rail/navigation-rail.d.ts +3 -3
- package/components/navigation-rail/navigation-rail.js +3 -4
- package/components/radio/radio-group.d.ts +1 -1
- package/components/radio/radio-group.js +1 -1
- package/components/radio/radio.d.ts +2 -2
- package/components/radio/radio.js +2 -2
- package/components/range-slider/index.d.ts +1 -1
- package/components/range-slider/index.js +1 -1
- package/components/segmented-button/segmented-button-group.d.ts +1 -1
- package/components/segmented-button/segmented-button-group.js +1 -2
- package/components/segmented-button/segmented-button.d.ts +1 -1
- package/components/segmented-button/segmented-button.js +1 -1
- package/components/select/index.d.ts +2 -2
- package/components/select/index.js +2 -2
- package/components/slider/index.d.ts +1 -1
- package/components/slider/index.js +1 -1
- package/components/snackbar/index.d.ts +2 -2
- package/components/snackbar/index.js +2 -3
- package/components/switch/index.d.ts +4 -4
- package/components/switch/index.js +4 -4
- package/components/text-field/index.d.ts +4 -4
- package/components/text-field/index.js +5 -5
- package/components/tooltip/index.d.ts +2 -2
- package/components/tooltip/index.js +3 -2
- package/components/top-app-bar/top-app-bar-style.js +1 -1
- package/components/top-app-bar/top-app-bar.d.ts +1 -1
- package/components/top-app-bar/top-app-bar.js +1 -1
- package/css-data.en.json +128 -128
- package/css-data.zh-cn.json +111 -111
- package/custom-elements.json +183 -183
- package/html-data.en.json +491 -491
- package/html-data.zh-cn.json +28 -28
- package/jsx.en.d.ts +588 -588
- package/jsx.zh-cn.d.ts +28 -28
- package/mdui.esm.js +8 -8
- package/mdui.global.js +8 -8
- package/package.json +5 -4
- package/web-types.en.json +696 -696
- package/web-types.zh-cn.json +179 -179
package/css-data.zh-cn.json
CHANGED
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"name": "--mdui-color-primary-light",
|
|
84
84
|
"description": {
|
|
85
85
|
"kind": "markdown",
|
|
86
|
-
"value": "**Primary**\n\n
|
|
86
|
+
"value": "**Primary**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-primary-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary), 0.5);\n}\n```\n"
|
|
87
87
|
},
|
|
88
88
|
"references": [
|
|
89
89
|
{
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
"name": "--mdui-color-primary-container-light",
|
|
97
97
|
"description": {
|
|
98
98
|
"kind": "markdown",
|
|
99
|
-
"value": "**Primary Container**\n\n
|
|
99
|
+
"value": "**Primary Container**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-primary-container-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n```\n"
|
|
100
100
|
},
|
|
101
101
|
"references": [
|
|
102
102
|
{
|
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
"name": "--mdui-color-on-primary-light",
|
|
110
110
|
"description": {
|
|
111
111
|
"kind": "markdown",
|
|
112
|
-
"value": "**On Primary**\n\n
|
|
112
|
+
"value": "**On Primary**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-on-primary-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n```\n"
|
|
113
113
|
},
|
|
114
114
|
"references": [
|
|
115
115
|
{
|
|
@@ -122,7 +122,7 @@
|
|
|
122
122
|
"name": "--mdui-color-on-primary-container-light",
|
|
123
123
|
"description": {
|
|
124
124
|
"kind": "markdown",
|
|
125
|
-
"value": "**On Primary Container**\n\n
|
|
125
|
+
"value": "**On Primary Container**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-on-primary-container-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n```\n"
|
|
126
126
|
},
|
|
127
127
|
"references": [
|
|
128
128
|
{
|
|
@@ -135,7 +135,7 @@
|
|
|
135
135
|
"name": "--mdui-color-inverse-primary-light",
|
|
136
136
|
"description": {
|
|
137
137
|
"kind": "markdown",
|
|
138
|
-
"value": "**Inverse Primary**\n\n
|
|
138
|
+
"value": "**Inverse Primary**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-inverse-primary-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n```\n"
|
|
139
139
|
},
|
|
140
140
|
"references": [
|
|
141
141
|
{
|
|
@@ -148,7 +148,7 @@
|
|
|
148
148
|
"name": "--mdui-color-secondary-light",
|
|
149
149
|
"description": {
|
|
150
150
|
"kind": "markdown",
|
|
151
|
-
"value": "**Secondary**\n\n
|
|
151
|
+
"value": "**Secondary**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-secondary-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary), 0.5);\n}\n```\n"
|
|
152
152
|
},
|
|
153
153
|
"references": [
|
|
154
154
|
{
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
"name": "--mdui-color-secondary-container-light",
|
|
162
162
|
"description": {
|
|
163
163
|
"kind": "markdown",
|
|
164
|
-
"value": "**Secondary Container**\n\n
|
|
164
|
+
"value": "**Secondary Container**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-secondary-container-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n```\n"
|
|
165
165
|
},
|
|
166
166
|
"references": [
|
|
167
167
|
{
|
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
"name": "--mdui-color-on-secondary-light",
|
|
175
175
|
"description": {
|
|
176
176
|
"kind": "markdown",
|
|
177
|
-
"value": "**On Secondary**\n\n
|
|
177
|
+
"value": "**On Secondary**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-on-secondary-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n```\n"
|
|
178
178
|
},
|
|
179
179
|
"references": [
|
|
180
180
|
{
|
|
@@ -187,7 +187,7 @@
|
|
|
187
187
|
"name": "--mdui-color-on-secondary-container-light",
|
|
188
188
|
"description": {
|
|
189
189
|
"kind": "markdown",
|
|
190
|
-
"value": "**On Secondary Container**\n\n
|
|
190
|
+
"value": "**On Secondary Container**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-on-secondary-container-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n```\n"
|
|
191
191
|
},
|
|
192
192
|
"references": [
|
|
193
193
|
{
|
|
@@ -200,7 +200,7 @@
|
|
|
200
200
|
"name": "--mdui-color-tertiary-light",
|
|
201
201
|
"description": {
|
|
202
202
|
"kind": "markdown",
|
|
203
|
-
"value": "**Tertiary**\n\n
|
|
203
|
+
"value": "**Tertiary**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-tertiary-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n```\n"
|
|
204
204
|
},
|
|
205
205
|
"references": [
|
|
206
206
|
{
|
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
"name": "--mdui-color-tertiary-container-light",
|
|
214
214
|
"description": {
|
|
215
215
|
"kind": "markdown",
|
|
216
|
-
"value": "**Tertiary Container**\n\n
|
|
216
|
+
"value": "**Tertiary Container**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-tertiary-container-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n```\n"
|
|
217
217
|
},
|
|
218
218
|
"references": [
|
|
219
219
|
{
|
|
@@ -226,7 +226,7 @@
|
|
|
226
226
|
"name": "--mdui-color-on-tertiary-light",
|
|
227
227
|
"description": {
|
|
228
228
|
"kind": "markdown",
|
|
229
|
-
"value": "**On Tertiary**\n\n
|
|
229
|
+
"value": "**On Tertiary**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n```\n"
|
|
230
230
|
},
|
|
231
231
|
"references": [
|
|
232
232
|
{
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
"name": "--mdui-color-on-tertiary-container-light",
|
|
240
240
|
"description": {
|
|
241
241
|
"kind": "markdown",
|
|
242
|
-
"value": "**On Tertiary Container**\n\n
|
|
242
|
+
"value": "**On Tertiary Container**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-container-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n```\n"
|
|
243
243
|
},
|
|
244
244
|
"references": [
|
|
245
245
|
{
|
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
"name": "--mdui-color-surface-light",
|
|
253
253
|
"description": {
|
|
254
254
|
"kind": "markdown",
|
|
255
|
-
"value": "**Surface**\n\n
|
|
255
|
+
"value": "**Surface**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-surface-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface), 0.5);\n}\n```\n"
|
|
256
256
|
},
|
|
257
257
|
"references": [
|
|
258
258
|
{
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
"name": "--mdui-color-surface-dim-light",
|
|
266
266
|
"description": {
|
|
267
267
|
"kind": "markdown",
|
|
268
|
-
"value": "**Surface Dim**\n\n
|
|
268
|
+
"value": "**Surface Dim**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-surface-dim-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n```\n"
|
|
269
269
|
},
|
|
270
270
|
"references": [
|
|
271
271
|
{
|
|
@@ -278,7 +278,7 @@
|
|
|
278
278
|
"name": "--mdui-color-surface-bright-light",
|
|
279
279
|
"description": {
|
|
280
280
|
"kind": "markdown",
|
|
281
|
-
"value": "**Surface Bright**\n\n
|
|
281
|
+
"value": "**Surface Bright**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-surface-bright-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n```\n"
|
|
282
282
|
},
|
|
283
283
|
"references": [
|
|
284
284
|
{
|
|
@@ -291,7 +291,7 @@
|
|
|
291
291
|
"name": "--mdui-color-surface-container-lowest-light",
|
|
292
292
|
"description": {
|
|
293
293
|
"kind": "markdown",
|
|
294
|
-
"value": "**Surface Container Lowest**\n\n
|
|
294
|
+
"value": "**Surface Container Lowest**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-surface-container-lowest-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n```\n"
|
|
295
295
|
},
|
|
296
296
|
"references": [
|
|
297
297
|
{
|
|
@@ -304,7 +304,7 @@
|
|
|
304
304
|
"name": "--mdui-color-surface-container-low-light",
|
|
305
305
|
"description": {
|
|
306
306
|
"kind": "markdown",
|
|
307
|
-
"value": "**Surface Container Low**\n\n
|
|
307
|
+
"value": "**Surface Container Low**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-surface-container-low-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n```\n"
|
|
308
308
|
},
|
|
309
309
|
"references": [
|
|
310
310
|
{
|
|
@@ -317,7 +317,7 @@
|
|
|
317
317
|
"name": "--mdui-color-surface-container-light",
|
|
318
318
|
"description": {
|
|
319
319
|
"kind": "markdown",
|
|
320
|
-
"value": "**Surface Container**\n\n
|
|
320
|
+
"value": "**Surface Container**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-surface-container-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n```\n"
|
|
321
321
|
},
|
|
322
322
|
"references": [
|
|
323
323
|
{
|
|
@@ -330,7 +330,7 @@
|
|
|
330
330
|
"name": "--mdui-color-surface-container-high-light",
|
|
331
331
|
"description": {
|
|
332
332
|
"kind": "markdown",
|
|
333
|
-
"value": "**Surface Container High**\n\n
|
|
333
|
+
"value": "**Surface Container High**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-surface-container-high-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n```\n"
|
|
334
334
|
},
|
|
335
335
|
"references": [
|
|
336
336
|
{
|
|
@@ -343,7 +343,7 @@
|
|
|
343
343
|
"name": "--mdui-color-surface-container-highest-light",
|
|
344
344
|
"description": {
|
|
345
345
|
"kind": "markdown",
|
|
346
|
-
"value": "**Surface Container Highest**\n\n
|
|
346
|
+
"value": "**Surface Container Highest**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-surface-container-highest-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n```\n"
|
|
347
347
|
},
|
|
348
348
|
"references": [
|
|
349
349
|
{
|
|
@@ -356,7 +356,7 @@
|
|
|
356
356
|
"name": "--mdui-color-surface-variant-light",
|
|
357
357
|
"description": {
|
|
358
358
|
"kind": "markdown",
|
|
359
|
-
"value": "**Surface Variant**\n\n
|
|
359
|
+
"value": "**Surface Variant**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-surface-variant-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n```\n"
|
|
360
360
|
},
|
|
361
361
|
"references": [
|
|
362
362
|
{
|
|
@@ -369,7 +369,7 @@
|
|
|
369
369
|
"name": "--mdui-color-on-surface-light",
|
|
370
370
|
"description": {
|
|
371
371
|
"kind": "markdown",
|
|
372
|
-
"value": "**On Surface**\n\n
|
|
372
|
+
"value": "**On Surface**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-on-surface-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n```\n"
|
|
373
373
|
},
|
|
374
374
|
"references": [
|
|
375
375
|
{
|
|
@@ -382,7 +382,7 @@
|
|
|
382
382
|
"name": "--mdui-color-on-surface-variant-light",
|
|
383
383
|
"description": {
|
|
384
384
|
"kind": "markdown",
|
|
385
|
-
"value": "**On Surface Variant**\n\n
|
|
385
|
+
"value": "**On Surface Variant**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-on-surface-variant-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n```\n"
|
|
386
386
|
},
|
|
387
387
|
"references": [
|
|
388
388
|
{
|
|
@@ -395,7 +395,7 @@
|
|
|
395
395
|
"name": "--mdui-color-inverse-surface-light",
|
|
396
396
|
"description": {
|
|
397
397
|
"kind": "markdown",
|
|
398
|
-
"value": "**Inverse Surface**\n\n
|
|
398
|
+
"value": "**Inverse Surface**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-inverse-surface-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n```\n"
|
|
399
399
|
},
|
|
400
400
|
"references": [
|
|
401
401
|
{
|
|
@@ -408,7 +408,7 @@
|
|
|
408
408
|
"name": "--mdui-color-inverse-on-surface-light",
|
|
409
409
|
"description": {
|
|
410
410
|
"kind": "markdown",
|
|
411
|
-
"value": "**Inverse On Surface**\n\n
|
|
411
|
+
"value": "**Inverse On Surface**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-inverse-on-surface-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n```\n"
|
|
412
412
|
},
|
|
413
413
|
"references": [
|
|
414
414
|
{
|
|
@@ -421,7 +421,7 @@
|
|
|
421
421
|
"name": "--mdui-color-background-light",
|
|
422
422
|
"description": {
|
|
423
423
|
"kind": "markdown",
|
|
424
|
-
"value": "**Background**\n\n
|
|
424
|
+
"value": "**Background**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-background-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-background-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-background), 0.5);\n}\n```\n"
|
|
425
425
|
},
|
|
426
426
|
"references": [
|
|
427
427
|
{
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
"name": "--mdui-color-on-background-light",
|
|
435
435
|
"description": {
|
|
436
436
|
"kind": "markdown",
|
|
437
|
-
"value": "**On Background**\n\n
|
|
437
|
+
"value": "**On Background**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-on-background-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-background), 0.5);\n}\n```\n"
|
|
438
438
|
},
|
|
439
439
|
"references": [
|
|
440
440
|
{
|
|
@@ -447,7 +447,7 @@
|
|
|
447
447
|
"name": "--mdui-color-error-light",
|
|
448
448
|
"description": {
|
|
449
449
|
"kind": "markdown",
|
|
450
|
-
"value": "**Error**\n\n
|
|
450
|
+
"value": "**Error**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-error-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error), 0.5);\n}\n```\n"
|
|
451
451
|
},
|
|
452
452
|
"references": [
|
|
453
453
|
{
|
|
@@ -460,7 +460,7 @@
|
|
|
460
460
|
"name": "--mdui-color-error-container-light",
|
|
461
461
|
"description": {
|
|
462
462
|
"kind": "markdown",
|
|
463
|
-
"value": "**Error Container**\n\n
|
|
463
|
+
"value": "**Error Container**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-error-container-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error-container), 0.5);\n}\n```\n"
|
|
464
464
|
},
|
|
465
465
|
"references": [
|
|
466
466
|
{
|
|
@@ -473,7 +473,7 @@
|
|
|
473
473
|
"name": "--mdui-color-on-error-light",
|
|
474
474
|
"description": {
|
|
475
475
|
"kind": "markdown",
|
|
476
|
-
"value": "**On Error**\n\n
|
|
476
|
+
"value": "**On Error**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-on-error-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error), 0.5);\n}\n```\n"
|
|
477
477
|
},
|
|
478
478
|
"references": [
|
|
479
479
|
{
|
|
@@ -486,7 +486,7 @@
|
|
|
486
486
|
"name": "--mdui-color-on-error-container-light",
|
|
487
487
|
"description": {
|
|
488
488
|
"kind": "markdown",
|
|
489
|
-
"value": "**On Error Container**\n\n
|
|
489
|
+
"value": "**On Error Container**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-on-error-container-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n```\n"
|
|
490
490
|
},
|
|
491
491
|
"references": [
|
|
492
492
|
{
|
|
@@ -499,7 +499,7 @@
|
|
|
499
499
|
"name": "--mdui-color-outline-light",
|
|
500
500
|
"description": {
|
|
501
501
|
"kind": "markdown",
|
|
502
|
-
"value": "**Outline**\n\n
|
|
502
|
+
"value": "**Outline**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-outline-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline), 0.5);\n}\n```\n"
|
|
503
503
|
},
|
|
504
504
|
"references": [
|
|
505
505
|
{
|
|
@@ -512,7 +512,7 @@
|
|
|
512
512
|
"name": "--mdui-color-outline-variant-light",
|
|
513
513
|
"description": {
|
|
514
514
|
"kind": "markdown",
|
|
515
|
-
"value": "**Outline Variant**\n\n
|
|
515
|
+
"value": "**Outline Variant**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-outline-variant-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n```\n"
|
|
516
516
|
},
|
|
517
517
|
"references": [
|
|
518
518
|
{
|
|
@@ -525,7 +525,7 @@
|
|
|
525
525
|
"name": "--mdui-color-shadow-light",
|
|
526
526
|
"description": {
|
|
527
527
|
"kind": "markdown",
|
|
528
|
-
"value": "**Shadow**\n\n
|
|
528
|
+
"value": "**Shadow**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-shadow-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-shadow), 0.5);\n}\n```\n"
|
|
529
529
|
},
|
|
530
530
|
"references": [
|
|
531
531
|
{
|
|
@@ -538,7 +538,7 @@
|
|
|
538
538
|
"name": "--mdui-color-surface-tint-color-light",
|
|
539
539
|
"description": {
|
|
540
540
|
"kind": "markdown",
|
|
541
|
-
"value": "**Surface Tint Color**\n\n
|
|
541
|
+
"value": "**Surface Tint Color**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-surface-tint-color-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n```\n"
|
|
542
542
|
},
|
|
543
543
|
"references": [
|
|
544
544
|
{
|
|
@@ -551,7 +551,7 @@
|
|
|
551
551
|
"name": "--mdui-color-scrim-light",
|
|
552
552
|
"description": {
|
|
553
553
|
"kind": "markdown",
|
|
554
|
-
"value": "**Scrim**\n\n
|
|
554
|
+
"value": "**Scrim**\n\n浅色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变浅色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置浅色模式颜色值 */\n:root {\n --mdui-color-scrim-light: 255, 0, 0;\n}\n\n/* 读取浅色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim-light));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-scrim), 0.5);\n}\n```\n"
|
|
555
555
|
},
|
|
556
556
|
"references": [
|
|
557
557
|
{
|
|
@@ -564,7 +564,7 @@
|
|
|
564
564
|
"name": "--mdui-color-primary-dark",
|
|
565
565
|
"description": {
|
|
566
566
|
"kind": "markdown",
|
|
567
|
-
"value": "**Primary**\n\n
|
|
567
|
+
"value": "**Primary**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-primary-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary), 0.5);\n}\n```\n"
|
|
568
568
|
},
|
|
569
569
|
"references": [
|
|
570
570
|
{
|
|
@@ -577,7 +577,7 @@
|
|
|
577
577
|
"name": "--mdui-color-primary-container-dark",
|
|
578
578
|
"description": {
|
|
579
579
|
"kind": "markdown",
|
|
580
|
-
"value": "**Primary Container**\n\n
|
|
580
|
+
"value": "**Primary Container**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-primary-container-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n```\n"
|
|
581
581
|
},
|
|
582
582
|
"references": [
|
|
583
583
|
{
|
|
@@ -590,7 +590,7 @@
|
|
|
590
590
|
"name": "--mdui-color-on-primary-dark",
|
|
591
591
|
"description": {
|
|
592
592
|
"kind": "markdown",
|
|
593
|
-
"value": "**On Primary**\n\n
|
|
593
|
+
"value": "**On Primary**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-on-primary-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n```\n"
|
|
594
594
|
},
|
|
595
595
|
"references": [
|
|
596
596
|
{
|
|
@@ -603,7 +603,7 @@
|
|
|
603
603
|
"name": "--mdui-color-on-primary-container-dark",
|
|
604
604
|
"description": {
|
|
605
605
|
"kind": "markdown",
|
|
606
|
-
"value": "**On Primary Container**\n\n
|
|
606
|
+
"value": "**On Primary Container**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-on-primary-container-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n```\n"
|
|
607
607
|
},
|
|
608
608
|
"references": [
|
|
609
609
|
{
|
|
@@ -616,7 +616,7 @@
|
|
|
616
616
|
"name": "--mdui-color-inverse-primary-dark",
|
|
617
617
|
"description": {
|
|
618
618
|
"kind": "markdown",
|
|
619
|
-
"value": "**Inverse Primary**\n\n
|
|
619
|
+
"value": "**Inverse Primary**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-inverse-primary-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n```\n"
|
|
620
620
|
},
|
|
621
621
|
"references": [
|
|
622
622
|
{
|
|
@@ -629,7 +629,7 @@
|
|
|
629
629
|
"name": "--mdui-color-secondary-dark",
|
|
630
630
|
"description": {
|
|
631
631
|
"kind": "markdown",
|
|
632
|
-
"value": "**Secondary**\n\n
|
|
632
|
+
"value": "**Secondary**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-secondary-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary), 0.5);\n}\n```\n"
|
|
633
633
|
},
|
|
634
634
|
"references": [
|
|
635
635
|
{
|
|
@@ -642,7 +642,7 @@
|
|
|
642
642
|
"name": "--mdui-color-secondary-container-dark",
|
|
643
643
|
"description": {
|
|
644
644
|
"kind": "markdown",
|
|
645
|
-
"value": "**Secondary Container**\n\n
|
|
645
|
+
"value": "**Secondary Container**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-secondary-container-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n```\n"
|
|
646
646
|
},
|
|
647
647
|
"references": [
|
|
648
648
|
{
|
|
@@ -655,7 +655,7 @@
|
|
|
655
655
|
"name": "--mdui-color-on-secondary-dark",
|
|
656
656
|
"description": {
|
|
657
657
|
"kind": "markdown",
|
|
658
|
-
"value": "**On Secondary**\n\n
|
|
658
|
+
"value": "**On Secondary**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-on-secondary-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n```\n"
|
|
659
659
|
},
|
|
660
660
|
"references": [
|
|
661
661
|
{
|
|
@@ -668,7 +668,7 @@
|
|
|
668
668
|
"name": "--mdui-color-on-secondary-container-dark",
|
|
669
669
|
"description": {
|
|
670
670
|
"kind": "markdown",
|
|
671
|
-
"value": "**On Secondary Container**\n\n
|
|
671
|
+
"value": "**On Secondary Container**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-on-secondary-container-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n```\n"
|
|
672
672
|
},
|
|
673
673
|
"references": [
|
|
674
674
|
{
|
|
@@ -681,7 +681,7 @@
|
|
|
681
681
|
"name": "--mdui-color-tertiary-dark",
|
|
682
682
|
"description": {
|
|
683
683
|
"kind": "markdown",
|
|
684
|
-
"value": "**Tertiary**\n\n
|
|
684
|
+
"value": "**Tertiary**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-tertiary-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n```\n"
|
|
685
685
|
},
|
|
686
686
|
"references": [
|
|
687
687
|
{
|
|
@@ -694,7 +694,7 @@
|
|
|
694
694
|
"name": "--mdui-color-tertiary-container-dark",
|
|
695
695
|
"description": {
|
|
696
696
|
"kind": "markdown",
|
|
697
|
-
"value": "**Tertiary Container**\n\n
|
|
697
|
+
"value": "**Tertiary Container**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-tertiary-container-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n```\n"
|
|
698
698
|
},
|
|
699
699
|
"references": [
|
|
700
700
|
{
|
|
@@ -707,7 +707,7 @@
|
|
|
707
707
|
"name": "--mdui-color-on-tertiary-dark",
|
|
708
708
|
"description": {
|
|
709
709
|
"kind": "markdown",
|
|
710
|
-
"value": "**On Tertiary**\n\n
|
|
710
|
+
"value": "**On Tertiary**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n```\n"
|
|
711
711
|
},
|
|
712
712
|
"references": [
|
|
713
713
|
{
|
|
@@ -720,7 +720,7 @@
|
|
|
720
720
|
"name": "--mdui-color-on-tertiary-container-dark",
|
|
721
721
|
"description": {
|
|
722
722
|
"kind": "markdown",
|
|
723
|
-
"value": "**On Tertiary Container**\n\n
|
|
723
|
+
"value": "**On Tertiary Container**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-on-tertiary-container-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n```\n"
|
|
724
724
|
},
|
|
725
725
|
"references": [
|
|
726
726
|
{
|
|
@@ -733,7 +733,7 @@
|
|
|
733
733
|
"name": "--mdui-color-surface-dark",
|
|
734
734
|
"description": {
|
|
735
735
|
"kind": "markdown",
|
|
736
|
-
"value": "**Surface**\n\n
|
|
736
|
+
"value": "**Surface**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-surface-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface), 0.5);\n}\n```\n"
|
|
737
737
|
},
|
|
738
738
|
"references": [
|
|
739
739
|
{
|
|
@@ -746,7 +746,7 @@
|
|
|
746
746
|
"name": "--mdui-color-surface-dim-dark",
|
|
747
747
|
"description": {
|
|
748
748
|
"kind": "markdown",
|
|
749
|
-
"value": "**Surface Dim**\n\n
|
|
749
|
+
"value": "**Surface Dim**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-surface-dim-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n```\n"
|
|
750
750
|
},
|
|
751
751
|
"references": [
|
|
752
752
|
{
|
|
@@ -759,7 +759,7 @@
|
|
|
759
759
|
"name": "--mdui-color-surface-bright-dark",
|
|
760
760
|
"description": {
|
|
761
761
|
"kind": "markdown",
|
|
762
|
-
"value": "**Surface Bright**\n\n
|
|
762
|
+
"value": "**Surface Bright**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-surface-bright-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n```\n"
|
|
763
763
|
},
|
|
764
764
|
"references": [
|
|
765
765
|
{
|
|
@@ -772,7 +772,7 @@
|
|
|
772
772
|
"name": "--mdui-color-surface-container-lowest-dark",
|
|
773
773
|
"description": {
|
|
774
774
|
"kind": "markdown",
|
|
775
|
-
"value": "**Surface Container Lowest**\n\n
|
|
775
|
+
"value": "**Surface Container Lowest**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-surface-container-lowest-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n```\n"
|
|
776
776
|
},
|
|
777
777
|
"references": [
|
|
778
778
|
{
|
|
@@ -785,7 +785,7 @@
|
|
|
785
785
|
"name": "--mdui-color-surface-container-low-dark",
|
|
786
786
|
"description": {
|
|
787
787
|
"kind": "markdown",
|
|
788
|
-
"value": "**Surface Container Low**\n\n
|
|
788
|
+
"value": "**Surface Container Low**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-surface-container-low-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n```\n"
|
|
789
789
|
},
|
|
790
790
|
"references": [
|
|
791
791
|
{
|
|
@@ -798,7 +798,7 @@
|
|
|
798
798
|
"name": "--mdui-color-surface-container-dark",
|
|
799
799
|
"description": {
|
|
800
800
|
"kind": "markdown",
|
|
801
|
-
"value": "**Surface Container**\n\n
|
|
801
|
+
"value": "**Surface Container**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-surface-container-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n```\n"
|
|
802
802
|
},
|
|
803
803
|
"references": [
|
|
804
804
|
{
|
|
@@ -811,7 +811,7 @@
|
|
|
811
811
|
"name": "--mdui-color-surface-container-high-dark",
|
|
812
812
|
"description": {
|
|
813
813
|
"kind": "markdown",
|
|
814
|
-
"value": "**Surface Container High**\n\n
|
|
814
|
+
"value": "**Surface Container High**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-surface-container-high-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n```\n"
|
|
815
815
|
},
|
|
816
816
|
"references": [
|
|
817
817
|
{
|
|
@@ -824,7 +824,7 @@
|
|
|
824
824
|
"name": "--mdui-color-surface-container-highest-dark",
|
|
825
825
|
"description": {
|
|
826
826
|
"kind": "markdown",
|
|
827
|
-
"value": "**Surface Container Highest**\n\n
|
|
827
|
+
"value": "**Surface Container Highest**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-surface-container-highest-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n```\n"
|
|
828
828
|
},
|
|
829
829
|
"references": [
|
|
830
830
|
{
|
|
@@ -837,7 +837,7 @@
|
|
|
837
837
|
"name": "--mdui-color-surface-variant-dark",
|
|
838
838
|
"description": {
|
|
839
839
|
"kind": "markdown",
|
|
840
|
-
"value": "**Surface Variant**\n\n
|
|
840
|
+
"value": "**Surface Variant**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-surface-variant-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n```\n"
|
|
841
841
|
},
|
|
842
842
|
"references": [
|
|
843
843
|
{
|
|
@@ -850,7 +850,7 @@
|
|
|
850
850
|
"name": "--mdui-color-on-surface-dark",
|
|
851
851
|
"description": {
|
|
852
852
|
"kind": "markdown",
|
|
853
|
-
"value": "**On Surface**\n\n
|
|
853
|
+
"value": "**On Surface**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-on-surface-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n```\n"
|
|
854
854
|
},
|
|
855
855
|
"references": [
|
|
856
856
|
{
|
|
@@ -863,7 +863,7 @@
|
|
|
863
863
|
"name": "--mdui-color-on-surface-variant-dark",
|
|
864
864
|
"description": {
|
|
865
865
|
"kind": "markdown",
|
|
866
|
-
"value": "**On Surface Variant**\n\n
|
|
866
|
+
"value": "**On Surface Variant**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-on-surface-variant-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n```\n"
|
|
867
867
|
},
|
|
868
868
|
"references": [
|
|
869
869
|
{
|
|
@@ -876,7 +876,7 @@
|
|
|
876
876
|
"name": "--mdui-color-inverse-surface-dark",
|
|
877
877
|
"description": {
|
|
878
878
|
"kind": "markdown",
|
|
879
|
-
"value": "**Inverse Surface**\n\n
|
|
879
|
+
"value": "**Inverse Surface**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-inverse-surface-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n```\n"
|
|
880
880
|
},
|
|
881
881
|
"references": [
|
|
882
882
|
{
|
|
@@ -889,7 +889,7 @@
|
|
|
889
889
|
"name": "--mdui-color-inverse-on-surface-dark",
|
|
890
890
|
"description": {
|
|
891
891
|
"kind": "markdown",
|
|
892
|
-
"value": "**Inverse On Surface**\n\n
|
|
892
|
+
"value": "**Inverse On Surface**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-inverse-on-surface-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n```\n"
|
|
893
893
|
},
|
|
894
894
|
"references": [
|
|
895
895
|
{
|
|
@@ -902,7 +902,7 @@
|
|
|
902
902
|
"name": "--mdui-color-background-dark",
|
|
903
903
|
"description": {
|
|
904
904
|
"kind": "markdown",
|
|
905
|
-
"value": "**Background**\n\n
|
|
905
|
+
"value": "**Background**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-background-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-background-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-background), 0.5);\n}\n```\n"
|
|
906
906
|
},
|
|
907
907
|
"references": [
|
|
908
908
|
{
|
|
@@ -915,7 +915,7 @@
|
|
|
915
915
|
"name": "--mdui-color-on-background-dark",
|
|
916
916
|
"description": {
|
|
917
917
|
"kind": "markdown",
|
|
918
|
-
"value": "**On Background**\n\n
|
|
918
|
+
"value": "**On Background**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-on-background-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-background), 0.5);\n}\n```\n"
|
|
919
919
|
},
|
|
920
920
|
"references": [
|
|
921
921
|
{
|
|
@@ -928,7 +928,7 @@
|
|
|
928
928
|
"name": "--mdui-color-error-dark",
|
|
929
929
|
"description": {
|
|
930
930
|
"kind": "markdown",
|
|
931
|
-
"value": "**Error**\n\n
|
|
931
|
+
"value": "**Error**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-error-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error), 0.5);\n}\n```\n"
|
|
932
932
|
},
|
|
933
933
|
"references": [
|
|
934
934
|
{
|
|
@@ -941,7 +941,7 @@
|
|
|
941
941
|
"name": "--mdui-color-error-container-dark",
|
|
942
942
|
"description": {
|
|
943
943
|
"kind": "markdown",
|
|
944
|
-
"value": "**Error Container**\n\n
|
|
944
|
+
"value": "**Error Container**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-error-container-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error-container), 0.5);\n}\n```\n"
|
|
945
945
|
},
|
|
946
946
|
"references": [
|
|
947
947
|
{
|
|
@@ -954,7 +954,7 @@
|
|
|
954
954
|
"name": "--mdui-color-on-error-dark",
|
|
955
955
|
"description": {
|
|
956
956
|
"kind": "markdown",
|
|
957
|
-
"value": "**On Error**\n\n
|
|
957
|
+
"value": "**On Error**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-on-error-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error), 0.5);\n}\n```\n"
|
|
958
958
|
},
|
|
959
959
|
"references": [
|
|
960
960
|
{
|
|
@@ -967,7 +967,7 @@
|
|
|
967
967
|
"name": "--mdui-color-on-error-container-dark",
|
|
968
968
|
"description": {
|
|
969
969
|
"kind": "markdown",
|
|
970
|
-
"value": "**On Error Container**\n\n
|
|
970
|
+
"value": "**On Error Container**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-on-error-container-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n```\n"
|
|
971
971
|
},
|
|
972
972
|
"references": [
|
|
973
973
|
{
|
|
@@ -980,7 +980,7 @@
|
|
|
980
980
|
"name": "--mdui-color-outline-dark",
|
|
981
981
|
"description": {
|
|
982
982
|
"kind": "markdown",
|
|
983
|
-
"value": "**Outline**\n\n
|
|
983
|
+
"value": "**Outline**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-outline-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline), 0.5);\n}\n```\n"
|
|
984
984
|
},
|
|
985
985
|
"references": [
|
|
986
986
|
{
|
|
@@ -993,7 +993,7 @@
|
|
|
993
993
|
"name": "--mdui-color-outline-variant-dark",
|
|
994
994
|
"description": {
|
|
995
995
|
"kind": "markdown",
|
|
996
|
-
"value": "**Outline Variant**\n\n
|
|
996
|
+
"value": "**Outline Variant**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-outline-variant-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n```\n"
|
|
997
997
|
},
|
|
998
998
|
"references": [
|
|
999
999
|
{
|
|
@@ -1006,7 +1006,7 @@
|
|
|
1006
1006
|
"name": "--mdui-color-shadow-dark",
|
|
1007
1007
|
"description": {
|
|
1008
1008
|
"kind": "markdown",
|
|
1009
|
-
"value": "**Shadow**\n\n
|
|
1009
|
+
"value": "**Shadow**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-shadow-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-shadow), 0.5);\n}\n```\n"
|
|
1010
1010
|
},
|
|
1011
1011
|
"references": [
|
|
1012
1012
|
{
|
|
@@ -1019,7 +1019,7 @@
|
|
|
1019
1019
|
"name": "--mdui-color-surface-tint-color-dark",
|
|
1020
1020
|
"description": {
|
|
1021
1021
|
"kind": "markdown",
|
|
1022
|
-
"value": "**Surface Tint Color**\n\n
|
|
1022
|
+
"value": "**Surface Tint Color**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-surface-tint-color-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n```\n"
|
|
1023
1023
|
},
|
|
1024
1024
|
"references": [
|
|
1025
1025
|
{
|
|
@@ -1032,7 +1032,7 @@
|
|
|
1032
1032
|
"name": "--mdui-color-scrim-dark",
|
|
1033
1033
|
"description": {
|
|
1034
1034
|
"kind": "markdown",
|
|
1035
|
-
"value": "**Scrim**\n\n
|
|
1035
|
+
"value": "**Scrim**\n\n深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n修改该属性可以改变深色模式下的颜色值。\n\n**示例**：\n```css\n/* 设置深色模式颜色值 */\n:root {\n --mdui-color-scrim-dark: 255, 0, 0;\n}\n\n/* 读取深色模式颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim-dark));\n}\n\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-scrim), 0.5);\n}\n```\n"
|
|
1036
1036
|
},
|
|
1037
1037
|
"references": [
|
|
1038
1038
|
{
|
|
@@ -1045,7 +1045,7 @@
|
|
|
1045
1045
|
"name": "--mdui-color-primary",
|
|
1046
1046
|
"description": {
|
|
1047
1047
|
"kind": "markdown",
|
|
1048
|
-
"value": "**Primary**\n\n
|
|
1048
|
+
"value": "**Primary**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-primary-light` 和 `--mdui-color-primary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-primary-light: 255, 0, 0;\n --mdui-color-primary-dark: 255, 0, 0;\n}\n```\n"
|
|
1049
1049
|
},
|
|
1050
1050
|
"references": [
|
|
1051
1051
|
{
|
|
@@ -1058,7 +1058,7 @@
|
|
|
1058
1058
|
"name": "--mdui-color-primary-container",
|
|
1059
1059
|
"description": {
|
|
1060
1060
|
"kind": "markdown",
|
|
1061
|
-
"value": "**Primary Container**\n\n
|
|
1061
|
+
"value": "**Primary Container**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-primary-container-light` 和 `--mdui-color-primary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-primary-container-light: 255, 0, 0;\n --mdui-color-primary-container-dark: 255, 0, 0;\n}\n```\n"
|
|
1062
1062
|
},
|
|
1063
1063
|
"references": [
|
|
1064
1064
|
{
|
|
@@ -1071,7 +1071,7 @@
|
|
|
1071
1071
|
"name": "--mdui-color-on-primary",
|
|
1072
1072
|
"description": {
|
|
1073
1073
|
"kind": "markdown",
|
|
1074
|
-
"value": "**On Primary**\n\n
|
|
1074
|
+
"value": "**On Primary**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-primary-light` 和 `--mdui-color-on-primary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-on-primary-light: 255, 0, 0;\n --mdui-color-on-primary-dark: 255, 0, 0;\n}\n```\n"
|
|
1075
1075
|
},
|
|
1076
1076
|
"references": [
|
|
1077
1077
|
{
|
|
@@ -1084,7 +1084,7 @@
|
|
|
1084
1084
|
"name": "--mdui-color-on-primary-container",
|
|
1085
1085
|
"description": {
|
|
1086
1086
|
"kind": "markdown",
|
|
1087
|
-
"value": "**On Primary Container**\n\n
|
|
1087
|
+
"value": "**On Primary Container**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-primary-container-light` 和 `--mdui-color-on-primary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-on-primary-container-light: 255, 0, 0;\n --mdui-color-on-primary-container-dark: 255, 0, 0;\n}\n```\n"
|
|
1088
1088
|
},
|
|
1089
1089
|
"references": [
|
|
1090
1090
|
{
|
|
@@ -1097,7 +1097,7 @@
|
|
|
1097
1097
|
"name": "--mdui-color-inverse-primary",
|
|
1098
1098
|
"description": {
|
|
1099
1099
|
"kind": "markdown",
|
|
1100
|
-
"value": "**Inverse Primary**\n\n
|
|
1100
|
+
"value": "**Inverse Primary**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-inverse-primary-light` 和 `--mdui-color-inverse-primary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-inverse-primary-light: 255, 0, 0;\n --mdui-color-inverse-primary-dark: 255, 0, 0;\n}\n```\n"
|
|
1101
1101
|
},
|
|
1102
1102
|
"references": [
|
|
1103
1103
|
{
|
|
@@ -1110,7 +1110,7 @@
|
|
|
1110
1110
|
"name": "--mdui-color-secondary",
|
|
1111
1111
|
"description": {
|
|
1112
1112
|
"kind": "markdown",
|
|
1113
|
-
"value": "**Secondary**\n\n
|
|
1113
|
+
"value": "**Secondary**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-secondary-light` 和 `--mdui-color-secondary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-secondary-light: 255, 0, 0;\n --mdui-color-secondary-dark: 255, 0, 0;\n}\n```\n"
|
|
1114
1114
|
},
|
|
1115
1115
|
"references": [
|
|
1116
1116
|
{
|
|
@@ -1123,7 +1123,7 @@
|
|
|
1123
1123
|
"name": "--mdui-color-secondary-container",
|
|
1124
1124
|
"description": {
|
|
1125
1125
|
"kind": "markdown",
|
|
1126
|
-
"value": "**Secondary Container**\n\n
|
|
1126
|
+
"value": "**Secondary Container**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-secondary-container-light` 和 `--mdui-color-secondary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-secondary-container-light: 255, 0, 0;\n --mdui-color-secondary-container-dark: 255, 0, 0;\n}\n```\n"
|
|
1127
1127
|
},
|
|
1128
1128
|
"references": [
|
|
1129
1129
|
{
|
|
@@ -1136,7 +1136,7 @@
|
|
|
1136
1136
|
"name": "--mdui-color-on-secondary",
|
|
1137
1137
|
"description": {
|
|
1138
1138
|
"kind": "markdown",
|
|
1139
|
-
"value": "**On Secondary**\n\n
|
|
1139
|
+
"value": "**On Secondary**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-secondary-light` 和 `--mdui-color-on-secondary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-on-secondary-light: 255, 0, 0;\n --mdui-color-on-secondary-dark: 255, 0, 0;\n}\n```\n"
|
|
1140
1140
|
},
|
|
1141
1141
|
"references": [
|
|
1142
1142
|
{
|
|
@@ -1149,7 +1149,7 @@
|
|
|
1149
1149
|
"name": "--mdui-color-on-secondary-container",
|
|
1150
1150
|
"description": {
|
|
1151
1151
|
"kind": "markdown",
|
|
1152
|
-
"value": "**On Secondary Container**\n\n
|
|
1152
|
+
"value": "**On Secondary Container**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-secondary-container-light` 和 `--mdui-color-on-secondary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-on-secondary-container-light: 255, 0, 0;\n --mdui-color-on-secondary-container-dark: 255, 0, 0;\n}\n```\n"
|
|
1153
1153
|
},
|
|
1154
1154
|
"references": [
|
|
1155
1155
|
{
|
|
@@ -1162,7 +1162,7 @@
|
|
|
1162
1162
|
"name": "--mdui-color-tertiary",
|
|
1163
1163
|
"description": {
|
|
1164
1164
|
"kind": "markdown",
|
|
1165
|
-
"value": "**Tertiary**\n\n
|
|
1165
|
+
"value": "**Tertiary**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-tertiary-light` 和 `--mdui-color-tertiary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-tertiary-light: 255, 0, 0;\n --mdui-color-tertiary-dark: 255, 0, 0;\n}\n```\n"
|
|
1166
1166
|
},
|
|
1167
1167
|
"references": [
|
|
1168
1168
|
{
|
|
@@ -1175,7 +1175,7 @@
|
|
|
1175
1175
|
"name": "--mdui-color-tertiary-container",
|
|
1176
1176
|
"description": {
|
|
1177
1177
|
"kind": "markdown",
|
|
1178
|
-
"value": "**Tertiary Container**\n\n
|
|
1178
|
+
"value": "**Tertiary Container**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-tertiary-container-light` 和 `--mdui-color-tertiary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-tertiary-container-light: 255, 0, 0;\n --mdui-color-tertiary-container-dark: 255, 0, 0;\n}\n```\n"
|
|
1179
1179
|
},
|
|
1180
1180
|
"references": [
|
|
1181
1181
|
{
|
|
@@ -1188,7 +1188,7 @@
|
|
|
1188
1188
|
"name": "--mdui-color-on-tertiary",
|
|
1189
1189
|
"description": {
|
|
1190
1190
|
"kind": "markdown",
|
|
1191
|
-
"value": "**On Tertiary**\n\n
|
|
1191
|
+
"value": "**On Tertiary**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-tertiary-light` 和 `--mdui-color-on-tertiary-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-on-tertiary-light: 255, 0, 0;\n --mdui-color-on-tertiary-dark: 255, 0, 0;\n}\n```\n"
|
|
1192
1192
|
},
|
|
1193
1193
|
"references": [
|
|
1194
1194
|
{
|
|
@@ -1201,7 +1201,7 @@
|
|
|
1201
1201
|
"name": "--mdui-color-on-tertiary-container",
|
|
1202
1202
|
"description": {
|
|
1203
1203
|
"kind": "markdown",
|
|
1204
|
-
"value": "**On Tertiary Container**\n\n
|
|
1204
|
+
"value": "**On Tertiary Container**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-tertiary-container-light` 和 `--mdui-color-on-tertiary-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-on-tertiary-container-light: 255, 0, 0;\n --mdui-color-on-tertiary-container-dark: 255, 0, 0;\n}\n```\n"
|
|
1205
1205
|
},
|
|
1206
1206
|
"references": [
|
|
1207
1207
|
{
|
|
@@ -1214,7 +1214,7 @@
|
|
|
1214
1214
|
"name": "--mdui-color-surface",
|
|
1215
1215
|
"description": {
|
|
1216
1216
|
"kind": "markdown",
|
|
1217
|
-
"value": "**Surface**\n\n
|
|
1217
|
+
"value": "**Surface**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-light` 和 `--mdui-color-surface-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-surface-light: 255, 0, 0;\n --mdui-color-surface-dark: 255, 0, 0;\n}\n```\n"
|
|
1218
1218
|
},
|
|
1219
1219
|
"references": [
|
|
1220
1220
|
{
|
|
@@ -1227,7 +1227,7 @@
|
|
|
1227
1227
|
"name": "--mdui-color-surface-dim",
|
|
1228
1228
|
"description": {
|
|
1229
1229
|
"kind": "markdown",
|
|
1230
|
-
"value": "**Surface Dim**\n\n
|
|
1230
|
+
"value": "**Surface Dim**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-dim-light` 和 `--mdui-color-surface-dim-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-surface-dim-light: 255, 0, 0;\n --mdui-color-surface-dim-dark: 255, 0, 0;\n}\n```\n"
|
|
1231
1231
|
},
|
|
1232
1232
|
"references": [
|
|
1233
1233
|
{
|
|
@@ -1240,7 +1240,7 @@
|
|
|
1240
1240
|
"name": "--mdui-color-surface-bright",
|
|
1241
1241
|
"description": {
|
|
1242
1242
|
"kind": "markdown",
|
|
1243
|
-
"value": "**Surface Bright**\n\n
|
|
1243
|
+
"value": "**Surface Bright**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-bright-light` 和 `--mdui-color-surface-bright-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-surface-bright-light: 255, 0, 0;\n --mdui-color-surface-bright-dark: 255, 0, 0;\n}\n```\n"
|
|
1244
1244
|
},
|
|
1245
1245
|
"references": [
|
|
1246
1246
|
{
|
|
@@ -1253,7 +1253,7 @@
|
|
|
1253
1253
|
"name": "--mdui-color-surface-container-lowest",
|
|
1254
1254
|
"description": {
|
|
1255
1255
|
"kind": "markdown",
|
|
1256
|
-
"value": "**Surface Container Lowest**\n\n
|
|
1256
|
+
"value": "**Surface Container Lowest**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-container-lowest-light` 和 `--mdui-color-surface-container-lowest-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-surface-container-lowest-light: 255, 0, 0;\n --mdui-color-surface-container-lowest-dark: 255, 0, 0;\n}\n```\n"
|
|
1257
1257
|
},
|
|
1258
1258
|
"references": [
|
|
1259
1259
|
{
|
|
@@ -1266,7 +1266,7 @@
|
|
|
1266
1266
|
"name": "--mdui-color-surface-container-low",
|
|
1267
1267
|
"description": {
|
|
1268
1268
|
"kind": "markdown",
|
|
1269
|
-
"value": "**Surface Container Low**\n\n
|
|
1269
|
+
"value": "**Surface Container Low**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-container-low-light` 和 `--mdui-color-surface-container-low-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-surface-container-low-light: 255, 0, 0;\n --mdui-color-surface-container-low-dark: 255, 0, 0;\n}\n```\n"
|
|
1270
1270
|
},
|
|
1271
1271
|
"references": [
|
|
1272
1272
|
{
|
|
@@ -1279,7 +1279,7 @@
|
|
|
1279
1279
|
"name": "--mdui-color-surface-container",
|
|
1280
1280
|
"description": {
|
|
1281
1281
|
"kind": "markdown",
|
|
1282
|
-
"value": "**Surface Container**\n\n
|
|
1282
|
+
"value": "**Surface Container**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-container-light` 和 `--mdui-color-surface-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-surface-container-light: 255, 0, 0;\n --mdui-color-surface-container-dark: 255, 0, 0;\n}\n```\n"
|
|
1283
1283
|
},
|
|
1284
1284
|
"references": [
|
|
1285
1285
|
{
|
|
@@ -1292,7 +1292,7 @@
|
|
|
1292
1292
|
"name": "--mdui-color-surface-container-high",
|
|
1293
1293
|
"description": {
|
|
1294
1294
|
"kind": "markdown",
|
|
1295
|
-
"value": "**Surface Container High**\n\n
|
|
1295
|
+
"value": "**Surface Container High**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-container-high-light` 和 `--mdui-color-surface-container-high-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-surface-container-high-light: 255, 0, 0;\n --mdui-color-surface-container-high-dark: 255, 0, 0;\n}\n```\n"
|
|
1296
1296
|
},
|
|
1297
1297
|
"references": [
|
|
1298
1298
|
{
|
|
@@ -1305,7 +1305,7 @@
|
|
|
1305
1305
|
"name": "--mdui-color-surface-container-highest",
|
|
1306
1306
|
"description": {
|
|
1307
1307
|
"kind": "markdown",
|
|
1308
|
-
"value": "**Surface Container Highest**\n\n
|
|
1308
|
+
"value": "**Surface Container Highest**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-container-highest-light` 和 `--mdui-color-surface-container-highest-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-surface-container-highest-light: 255, 0, 0;\n --mdui-color-surface-container-highest-dark: 255, 0, 0;\n}\n```\n"
|
|
1309
1309
|
},
|
|
1310
1310
|
"references": [
|
|
1311
1311
|
{
|
|
@@ -1318,7 +1318,7 @@
|
|
|
1318
1318
|
"name": "--mdui-color-surface-variant",
|
|
1319
1319
|
"description": {
|
|
1320
1320
|
"kind": "markdown",
|
|
1321
|
-
"value": "**Surface Variant**\n\n
|
|
1321
|
+
"value": "**Surface Variant**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-variant-light` 和 `--mdui-color-surface-variant-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-surface-variant-light: 255, 0, 0;\n --mdui-color-surface-variant-dark: 255, 0, 0;\n}\n```\n"
|
|
1322
1322
|
},
|
|
1323
1323
|
"references": [
|
|
1324
1324
|
{
|
|
@@ -1331,7 +1331,7 @@
|
|
|
1331
1331
|
"name": "--mdui-color-on-surface",
|
|
1332
1332
|
"description": {
|
|
1333
1333
|
"kind": "markdown",
|
|
1334
|
-
"value": "**On Surface**\n\n
|
|
1334
|
+
"value": "**On Surface**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-surface-light` 和 `--mdui-color-on-surface-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-on-surface-light: 255, 0, 0;\n --mdui-color-on-surface-dark: 255, 0, 0;\n}\n```\n"
|
|
1335
1335
|
},
|
|
1336
1336
|
"references": [
|
|
1337
1337
|
{
|
|
@@ -1344,7 +1344,7 @@
|
|
|
1344
1344
|
"name": "--mdui-color-on-surface-variant",
|
|
1345
1345
|
"description": {
|
|
1346
1346
|
"kind": "markdown",
|
|
1347
|
-
"value": "**On Surface Variant**\n\n
|
|
1347
|
+
"value": "**On Surface Variant**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-surface-variant-light` 和 `--mdui-color-on-surface-variant-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-on-surface-variant-light: 255, 0, 0;\n --mdui-color-on-surface-variant-dark: 255, 0, 0;\n}\n```\n"
|
|
1348
1348
|
},
|
|
1349
1349
|
"references": [
|
|
1350
1350
|
{
|
|
@@ -1357,7 +1357,7 @@
|
|
|
1357
1357
|
"name": "--mdui-color-inverse-surface",
|
|
1358
1358
|
"description": {
|
|
1359
1359
|
"kind": "markdown",
|
|
1360
|
-
"value": "**Inverse Surface**\n\n
|
|
1360
|
+
"value": "**Inverse Surface**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-inverse-surface-light` 和 `--mdui-color-inverse-surface-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-inverse-surface-light: 255, 0, 0;\n --mdui-color-inverse-surface-dark: 255, 0, 0;\n}\n```\n"
|
|
1361
1361
|
},
|
|
1362
1362
|
"references": [
|
|
1363
1363
|
{
|
|
@@ -1370,7 +1370,7 @@
|
|
|
1370
1370
|
"name": "--mdui-color-inverse-on-surface",
|
|
1371
1371
|
"description": {
|
|
1372
1372
|
"kind": "markdown",
|
|
1373
|
-
"value": "**Inverse On Surface**\n\n
|
|
1373
|
+
"value": "**Inverse On Surface**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-inverse-on-surface-light` 和 `--mdui-color-inverse-on-surface-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-inverse-on-surface-light: 255, 0, 0;\n --mdui-color-inverse-on-surface-dark: 255, 0, 0;\n}\n```\n"
|
|
1374
1374
|
},
|
|
1375
1375
|
"references": [
|
|
1376
1376
|
{
|
|
@@ -1383,7 +1383,7 @@
|
|
|
1383
1383
|
"name": "--mdui-color-background",
|
|
1384
1384
|
"description": {
|
|
1385
1385
|
"kind": "markdown",
|
|
1386
|
-
"value": "**Background**\n\n
|
|
1386
|
+
"value": "**Background**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-background-light` 和 `--mdui-color-background-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-background), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-background-light: 255, 0, 0;\n --mdui-color-background-dark: 255, 0, 0;\n}\n```\n"
|
|
1387
1387
|
},
|
|
1388
1388
|
"references": [
|
|
1389
1389
|
{
|
|
@@ -1396,7 +1396,7 @@
|
|
|
1396
1396
|
"name": "--mdui-color-on-background",
|
|
1397
1397
|
"description": {
|
|
1398
1398
|
"kind": "markdown",
|
|
1399
|
-
"value": "**On Background**\n\n
|
|
1399
|
+
"value": "**On Background**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-background-light` 和 `--mdui-color-on-background-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-background));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-background), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-on-background-light: 255, 0, 0;\n --mdui-color-on-background-dark: 255, 0, 0;\n}\n```\n"
|
|
1400
1400
|
},
|
|
1401
1401
|
"references": [
|
|
1402
1402
|
{
|
|
@@ -1409,7 +1409,7 @@
|
|
|
1409
1409
|
"name": "--mdui-color-error",
|
|
1410
1410
|
"description": {
|
|
1411
1411
|
"kind": "markdown",
|
|
1412
|
-
"value": "**Error**\n\n
|
|
1412
|
+
"value": "**Error**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-error-light` 和 `--mdui-color-error-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-error-light: 255, 0, 0;\n --mdui-color-error-dark: 255, 0, 0;\n}\n```\n"
|
|
1413
1413
|
},
|
|
1414
1414
|
"references": [
|
|
1415
1415
|
{
|
|
@@ -1422,7 +1422,7 @@
|
|
|
1422
1422
|
"name": "--mdui-color-error-container",
|
|
1423
1423
|
"description": {
|
|
1424
1424
|
"kind": "markdown",
|
|
1425
|
-
"value": "**Error Container**\n\n
|
|
1425
|
+
"value": "**Error Container**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-error-container-light` 和 `--mdui-color-error-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-error-container), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-error-container-light: 255, 0, 0;\n --mdui-color-error-container-dark: 255, 0, 0;\n}\n```\n"
|
|
1426
1426
|
},
|
|
1427
1427
|
"references": [
|
|
1428
1428
|
{
|
|
@@ -1435,7 +1435,7 @@
|
|
|
1435
1435
|
"name": "--mdui-color-on-error",
|
|
1436
1436
|
"description": {
|
|
1437
1437
|
"kind": "markdown",
|
|
1438
|
-
"value": "**On Error**\n\n
|
|
1438
|
+
"value": "**On Error**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-error-light` 和 `--mdui-color-on-error-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-on-error-light: 255, 0, 0;\n --mdui-color-on-error-dark: 255, 0, 0;\n}\n```\n"
|
|
1439
1439
|
},
|
|
1440
1440
|
"references": [
|
|
1441
1441
|
{
|
|
@@ -1448,7 +1448,7 @@
|
|
|
1448
1448
|
"name": "--mdui-color-on-error-container",
|
|
1449
1449
|
"description": {
|
|
1450
1450
|
"kind": "markdown",
|
|
1451
|
-
"value": "**On Error Container**\n\n
|
|
1451
|
+
"value": "**On Error Container**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-on-error-container-light` 和 `--mdui-color-on-error-container-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-on-error-container-light: 255, 0, 0;\n --mdui-color-on-error-container-dark: 255, 0, 0;\n}\n```\n"
|
|
1452
1452
|
},
|
|
1453
1453
|
"references": [
|
|
1454
1454
|
{
|
|
@@ -1461,7 +1461,7 @@
|
|
|
1461
1461
|
"name": "--mdui-color-outline",
|
|
1462
1462
|
"description": {
|
|
1463
1463
|
"kind": "markdown",
|
|
1464
|
-
"value": "**Outline**\n\n
|
|
1464
|
+
"value": "**Outline**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-outline-light` 和 `--mdui-color-outline-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-outline-light: 255, 0, 0;\n --mdui-color-outline-dark: 255, 0, 0;\n}\n```\n"
|
|
1465
1465
|
},
|
|
1466
1466
|
"references": [
|
|
1467
1467
|
{
|
|
@@ -1474,7 +1474,7 @@
|
|
|
1474
1474
|
"name": "--mdui-color-outline-variant",
|
|
1475
1475
|
"description": {
|
|
1476
1476
|
"kind": "markdown",
|
|
1477
|
-
"value": "**Outline Variant**\n\n
|
|
1477
|
+
"value": "**Outline Variant**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-outline-variant-light` 和 `--mdui-color-outline-variant-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-outline-variant-light: 255, 0, 0;\n --mdui-color-outline-variant-dark: 255, 0, 0;\n}\n```\n"
|
|
1478
1478
|
},
|
|
1479
1479
|
"references": [
|
|
1480
1480
|
{
|
|
@@ -1487,7 +1487,7 @@
|
|
|
1487
1487
|
"name": "--mdui-color-shadow",
|
|
1488
1488
|
"description": {
|
|
1489
1489
|
"kind": "markdown",
|
|
1490
|
-
"value": "**Shadow**\n\n
|
|
1490
|
+
"value": "**Shadow**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-shadow-light` 和 `--mdui-color-shadow-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-shadow));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-shadow), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-shadow-light: 255, 0, 0;\n --mdui-color-shadow-dark: 255, 0, 0;\n}\n```\n"
|
|
1491
1491
|
},
|
|
1492
1492
|
"references": [
|
|
1493
1493
|
{
|
|
@@ -1500,7 +1500,7 @@
|
|
|
1500
1500
|
"name": "--mdui-color-surface-tint-color",
|
|
1501
1501
|
"description": {
|
|
1502
1502
|
"kind": "markdown",
|
|
1503
|
-
"value": "**Surface Tint Color**\n\n
|
|
1503
|
+
"value": "**Surface Tint Color**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-surface-tint-color-light` 和 `--mdui-color-surface-tint-color-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-surface-tint-color-light: 255, 0, 0;\n --mdui-color-surface-tint-color-dark: 255, 0, 0;\n}\n```\n"
|
|
1504
1504
|
},
|
|
1505
1505
|
"references": [
|
|
1506
1506
|
{
|
|
@@ -1513,7 +1513,7 @@
|
|
|
1513
1513
|
"name": "--mdui-color-scrim",
|
|
1514
1514
|
"description": {
|
|
1515
1515
|
"kind": "markdown",
|
|
1516
|
-
"value": "**Scrim**\n\n
|
|
1516
|
+
"value": "**Scrim**\n\n自动适配浅色模式和深色模式的 RGB 颜色值，RGB 三色用 `,` 分隔。\n\n若要设置该颜色值，建议分别设置 `--mdui-color-scrim-light` 和 `--mdui-color-scrim-dark`。\n\n**示例**：\n```css\n/* 读取自动适配的颜色值 */\n.element {\n color: rgb(var(--mdui-color-scrim));\n}\n\n/* 读取自动适配的颜色值，并添加不透明度 */\n.element {\n color: rgba(var(--mdui-color-scrim), 0.5);\n}\n\n/* 分别设置浅色模式、深色模式的颜色值 */\n:root {\n --mdui-color-scrim-light: 255, 0, 0;\n --mdui-color-scrim-dark: 255, 0, 0;\n}\n```\n"
|
|
1517
1517
|
},
|
|
1518
1518
|
"references": [
|
|
1519
1519
|
{
|