mdui 2.1.4 → 2.1.5

package/css-data.en.json

@@ -83,7 +83,7 @@
       "name": "--mdui-color-primary-light",
       "description": {
         "kind": "markdown",
-        "value": "**Primary**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-primary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-primary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary), 0.5);\n}\n```\n"
+        "value": "**Primary**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-primary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-primary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -96,7 +96,7 @@
       "name": "--mdui-color-primary-container-light",
       "description": {
         "kind": "markdown",
-        "value": "**Primary Container**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-primary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-primary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n```\n"
+        "value": "**Primary Container**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-primary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-primary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -109,7 +109,7 @@
       "name": "--mdui-color-on-primary-light",
       "description": {
         "kind": "markdown",
-        "value": "**On Primary**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-primary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-primary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n```\n"
+        "value": "**On Primary**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-primary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-primary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -122,7 +122,7 @@
       "name": "--mdui-color-on-primary-container-light",
       "description": {
         "kind": "markdown",
-        "value": "**On Primary Container**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-primary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-primary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n```\n"
+        "value": "**On Primary Container**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-primary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-primary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -135,7 +135,7 @@
       "name": "--mdui-color-inverse-primary-light",
       "description": {
         "kind": "markdown",
-        "value": "**Inverse Primary**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-inverse-primary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-primary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n```\n"
+        "value": "**Inverse Primary**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-inverse-primary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-primary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -148,7 +148,7 @@
       "name": "--mdui-color-secondary-light",
       "description": {
         "kind": "markdown",
-        "value": "**Secondary**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-secondary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-secondary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary), 0.5);\n}\n```\n"
+        "value": "**Secondary**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-secondary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-secondary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -161,7 +161,7 @@
       "name": "--mdui-color-secondary-container-light",
       "description": {
         "kind": "markdown",
-        "value": "**Secondary Container**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-secondary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-secondary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n```\n"
+        "value": "**Secondary Container**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-secondary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-secondary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -174,7 +174,7 @@
       "name": "--mdui-color-on-secondary-light",
       "description": {
         "kind": "markdown",
-        "value": "**On Secondary**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-secondary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n```\n"
+        "value": "**On Secondary**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-secondary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -187,7 +187,7 @@
       "name": "--mdui-color-on-secondary-container-light",
       "description": {
         "kind": "markdown",
-        "value": "**On Secondary Container**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-secondary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n```\n"
+        "value": "**On Secondary Container**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-secondary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -200,7 +200,7 @@
       "name": "--mdui-color-tertiary-light",
       "description": {
         "kind": "markdown",
-        "value": "**Tertiary**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-tertiary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-tertiary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n```\n"
+        "value": "**Tertiary**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-tertiary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-tertiary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -213,7 +213,7 @@
       "name": "--mdui-color-tertiary-container-light",
       "description": {
         "kind": "markdown",
-        "value": "**Tertiary Container**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-tertiary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-tertiary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n```\n"
+        "value": "**Tertiary Container**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-tertiary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-tertiary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -226,7 +226,7 @@
       "name": "--mdui-color-on-tertiary-light",
       "description": {
         "kind": "markdown",
-        "value": "**On Tertiary**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-tertiary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n```\n"
+        "value": "**On Tertiary**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-tertiary-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -239,7 +239,7 @@
       "name": "--mdui-color-on-tertiary-container-light",
       "description": {
         "kind": "markdown",
-        "value": "**On Tertiary Container**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-tertiary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n```\n"
+        "value": "**On Tertiary Container**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-tertiary-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -252,7 +252,7 @@
       "name": "--mdui-color-surface-light",
       "description": {
         "kind": "markdown",
-        "value": "**Surface**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface), 0.5);\n}\n```\n"
+        "value": "**Surface**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -265,7 +265,7 @@
       "name": "--mdui-color-surface-dim-light",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Dim**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-dim-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-dim-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n```\n"
+        "value": "**Surface Dim**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-dim-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-dim-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -278,7 +278,7 @@
       "name": "--mdui-color-surface-bright-light",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Bright**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-bright-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-bright-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n```\n"
+        "value": "**Surface Bright**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-bright-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-bright-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -291,7 +291,7 @@
       "name": "--mdui-color-surface-container-lowest-light",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container Lowest**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-container-lowest-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-lowest-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n```\n"
+        "value": "**Surface Container Lowest**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-container-lowest-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-lowest-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -304,7 +304,7 @@
       "name": "--mdui-color-surface-container-low-light",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container Low**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-container-low-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-low-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n```\n"
+        "value": "**Surface Container Low**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-container-low-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-low-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -317,7 +317,7 @@
       "name": "--mdui-color-surface-container-light",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n```\n"
+        "value": "**Surface Container**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -330,7 +330,7 @@
       "name": "--mdui-color-surface-container-high-light",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container High**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-container-high-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-high-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n```\n"
+        "value": "**Surface Container High**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-container-high-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-high-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -343,7 +343,7 @@
       "name": "--mdui-color-surface-container-highest-light",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container Highest**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-container-highest-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-highest-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n```\n"
+        "value": "**Surface Container Highest**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-container-highest-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-highest-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -356,7 +356,7 @@
       "name": "--mdui-color-surface-variant-light",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Variant**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-variant-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-variant-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n```\n"
+        "value": "**Surface Variant**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-variant-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-variant-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -369,7 +369,7 @@
       "name": "--mdui-color-on-surface-light",
       "description": {
         "kind": "markdown",
-        "value": "**On Surface**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-surface-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-surface-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n```\n"
+        "value": "**On Surface**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-surface-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-surface-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -382,7 +382,7 @@
       "name": "--mdui-color-on-surface-variant-light",
       "description": {
         "kind": "markdown",
-        "value": "**On Surface Variant**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-surface-variant-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-surface-variant-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n```\n"
+        "value": "**On Surface Variant**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-surface-variant-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-surface-variant-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -395,7 +395,7 @@
       "name": "--mdui-color-inverse-surface-light",
       "description": {
         "kind": "markdown",
-        "value": "**Inverse Surface**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-inverse-surface-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-surface-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n```\n"
+        "value": "**Inverse Surface**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-inverse-surface-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-surface-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -408,7 +408,7 @@
       "name": "--mdui-color-inverse-on-surface-light",
       "description": {
         "kind": "markdown",
-        "value": "**Inverse On Surface**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-inverse-on-surface-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-on-surface-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n```\n"
+        "value": "**Inverse On Surface**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-inverse-on-surface-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-on-surface-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -421,7 +421,7 @@
       "name": "--mdui-color-background-light",
       "description": {
         "kind": "markdown",
-        "value": "**Background**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-background-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-background-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-background), 0.5);\n}\n```\n"
+        "value": "**Background**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-background-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-background-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-background), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -434,7 +434,7 @@
       "name": "--mdui-color-on-background-light",
       "description": {
         "kind": "markdown",
-        "value": "**On Background**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-background-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-background-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-background), 0.5);\n}\n```\n"
+        "value": "**On Background**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-background-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-background-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-background), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -447,7 +447,7 @@
       "name": "--mdui-color-error-light",
       "description": {
         "kind": "markdown",
-        "value": "**Error**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-error-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-error-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error), 0.5);\n}\n```\n"
+        "value": "**Error**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-error-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-error-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -460,7 +460,7 @@
       "name": "--mdui-color-error-container-light",
       "description": {
         "kind": "markdown",
-        "value": "**Error Container**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-error-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-error-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error-container), 0.5);\n}\n```\n"
+        "value": "**Error Container**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-error-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-error-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -473,7 +473,7 @@
       "name": "--mdui-color-on-error-light",
       "description": {
         "kind": "markdown",
-        "value": "**On Error**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-error-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-error-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error), 0.5);\n}\n```\n"
+        "value": "**On Error**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-error-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-error-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -486,7 +486,7 @@
       "name": "--mdui-color-on-error-container-light",
       "description": {
         "kind": "markdown",
-        "value": "**On Error Container**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-error-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-error-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n```\n"
+        "value": "**On Error Container**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-on-error-container-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-error-container-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -499,7 +499,7 @@
       "name": "--mdui-color-outline-light",
       "description": {
         "kind": "markdown",
-        "value": "**Outline**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-outline-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-outline-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline), 0.5);\n}\n```\n"
+        "value": "**Outline**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-outline-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-outline-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -512,7 +512,7 @@
       "name": "--mdui-color-outline-variant-light",
       "description": {
         "kind": "markdown",
-        "value": "**Outline Variant**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-outline-variant-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-outline-variant-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n```\n"
+        "value": "**Outline Variant**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-outline-variant-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-outline-variant-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -525,7 +525,7 @@
       "name": "--mdui-color-shadow-light",
       "description": {
         "kind": "markdown",
-        "value": "**Shadow**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-shadow-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-shadow-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-shadow));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-shadow), 0.5);\n}\n```\n"
+        "value": "**Shadow**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-shadow-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-shadow-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-shadow));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-shadow), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -538,7 +538,7 @@
       "name": "--mdui-color-surface-tint-color-light",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Tint Color**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-tint-color-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-tint-color-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n```\n"
+        "value": "**Surface Tint Color**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-surface-tint-color-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-tint-color-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -551,7 +551,7 @@
       "name": "--mdui-color-scrim-light",
       "description": {
         "kind": "markdown",
-        "value": "**Scrim**\n\nRGB color value for Light Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-scrim-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-scrim-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-scrim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-scrim), 0.5);\n}\n```\n"
+        "value": "**Scrim**\n\nRGB color value for Light Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Light Mode.\n\n**Example**:\n```css\n/* Set Light Mode color value */\n:root {\n  --mdui-color-scrim-light: 255, 0, 0;\n}\n\n/* Read Light Mode color value */\n.element {\n  color: rgb(var(--mdui-color-scrim-light));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-scrim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-scrim), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -564,7 +564,7 @@
       "name": "--mdui-color-primary-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Primary**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-primary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-primary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary), 0.5);\n}\n```\n"
+        "value": "**Primary**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-primary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-primary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -577,7 +577,7 @@
       "name": "--mdui-color-primary-container-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Primary Container**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-primary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-primary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n```\n"
+        "value": "**Primary Container**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-primary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-primary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -590,7 +590,7 @@
       "name": "--mdui-color-on-primary-dark",
       "description": {
         "kind": "markdown",
-        "value": "**On Primary**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-primary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-primary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n```\n"
+        "value": "**On Primary**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-primary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-primary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -603,7 +603,7 @@
       "name": "--mdui-color-on-primary-container-dark",
       "description": {
         "kind": "markdown",
-        "value": "**On Primary Container**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-primary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-primary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n```\n"
+        "value": "**On Primary Container**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-primary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-primary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -616,7 +616,7 @@
       "name": "--mdui-color-inverse-primary-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Inverse Primary**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-inverse-primary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-primary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n```\n"
+        "value": "**Inverse Primary**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-inverse-primary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-primary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -629,7 +629,7 @@
       "name": "--mdui-color-secondary-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Secondary**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-secondary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-secondary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary), 0.5);\n}\n```\n"
+        "value": "**Secondary**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-secondary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-secondary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -642,7 +642,7 @@
       "name": "--mdui-color-secondary-container-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Secondary Container**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-secondary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-secondary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n```\n"
+        "value": "**Secondary Container**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-secondary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-secondary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -655,7 +655,7 @@
       "name": "--mdui-color-on-secondary-dark",
       "description": {
         "kind": "markdown",
-        "value": "**On Secondary**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-secondary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n```\n"
+        "value": "**On Secondary**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-secondary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -668,7 +668,7 @@
       "name": "--mdui-color-on-secondary-container-dark",
       "description": {
         "kind": "markdown",
-        "value": "**On Secondary Container**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-secondary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n```\n"
+        "value": "**On Secondary Container**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-secondary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -681,7 +681,7 @@
       "name": "--mdui-color-tertiary-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Tertiary**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-tertiary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-tertiary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n```\n"
+        "value": "**Tertiary**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-tertiary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-tertiary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -694,7 +694,7 @@
       "name": "--mdui-color-tertiary-container-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Tertiary Container**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-tertiary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-tertiary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n```\n"
+        "value": "**Tertiary Container**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-tertiary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-tertiary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -707,7 +707,7 @@
       "name": "--mdui-color-on-tertiary-dark",
       "description": {
         "kind": "markdown",
-        "value": "**On Tertiary**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-tertiary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n```\n"
+        "value": "**On Tertiary**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-tertiary-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -720,7 +720,7 @@
       "name": "--mdui-color-on-tertiary-container-dark",
       "description": {
         "kind": "markdown",
-        "value": "**On Tertiary Container**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-tertiary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n```\n"
+        "value": "**On Tertiary Container**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-tertiary-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -733,7 +733,7 @@
       "name": "--mdui-color-surface-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Surface**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface), 0.5);\n}\n```\n"
+        "value": "**Surface**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -746,7 +746,7 @@
       "name": "--mdui-color-surface-dim-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Dim**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-dim-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-dim-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n```\n"
+        "value": "**Surface Dim**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-dim-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-dim-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -759,7 +759,7 @@
       "name": "--mdui-color-surface-bright-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Bright**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-bright-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-bright-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n```\n"
+        "value": "**Surface Bright**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-bright-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-bright-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -772,7 +772,7 @@
       "name": "--mdui-color-surface-container-lowest-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container Lowest**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-container-lowest-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-lowest-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n```\n"
+        "value": "**Surface Container Lowest**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-container-lowest-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-lowest-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -785,7 +785,7 @@
       "name": "--mdui-color-surface-container-low-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container Low**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-container-low-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-low-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n```\n"
+        "value": "**Surface Container Low**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-container-low-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-low-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -798,7 +798,7 @@
       "name": "--mdui-color-surface-container-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n```\n"
+        "value": "**Surface Container**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -811,7 +811,7 @@
       "name": "--mdui-color-surface-container-high-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container High**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-container-high-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-high-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n```\n"
+        "value": "**Surface Container High**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-container-high-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-high-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -824,7 +824,7 @@
       "name": "--mdui-color-surface-container-highest-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container Highest**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-container-highest-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-highest-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n```\n"
+        "value": "**Surface Container Highest**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-container-highest-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-container-highest-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -837,7 +837,7 @@
       "name": "--mdui-color-surface-variant-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Variant**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-variant-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-variant-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n```\n"
+        "value": "**Surface Variant**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-variant-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-variant-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -850,7 +850,7 @@
       "name": "--mdui-color-on-surface-dark",
       "description": {
         "kind": "markdown",
-        "value": "**On Surface**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-surface-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-surface-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n```\n"
+        "value": "**On Surface**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-surface-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-surface-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -863,7 +863,7 @@
       "name": "--mdui-color-on-surface-variant-dark",
       "description": {
         "kind": "markdown",
-        "value": "**On Surface Variant**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-surface-variant-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-surface-variant-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n```\n"
+        "value": "**On Surface Variant**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-surface-variant-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-surface-variant-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -876,7 +876,7 @@
       "name": "--mdui-color-inverse-surface-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Inverse Surface**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-inverse-surface-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-surface-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n```\n"
+        "value": "**Inverse Surface**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-inverse-surface-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-surface-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -889,7 +889,7 @@
       "name": "--mdui-color-inverse-on-surface-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Inverse On Surface**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-inverse-on-surface-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-on-surface-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n```\n"
+        "value": "**Inverse On Surface**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-inverse-on-surface-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-inverse-on-surface-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -902,7 +902,7 @@
       "name": "--mdui-color-background-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Background**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-background-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-background-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-background), 0.5);\n}\n```\n"
+        "value": "**Background**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-background-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-background-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-background), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -915,7 +915,7 @@
       "name": "--mdui-color-on-background-dark",
       "description": {
         "kind": "markdown",
-        "value": "**On Background**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-background-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-background-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-background), 0.5);\n}\n```\n"
+        "value": "**On Background**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-background-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-background-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-background), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -928,7 +928,7 @@
       "name": "--mdui-color-error-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Error**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-error-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-error-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error), 0.5);\n}\n```\n"
+        "value": "**Error**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-error-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-error-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -941,7 +941,7 @@
       "name": "--mdui-color-error-container-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Error Container**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-error-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-error-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error-container), 0.5);\n}\n```\n"
+        "value": "**Error Container**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-error-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-error-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -954,7 +954,7 @@
       "name": "--mdui-color-on-error-dark",
       "description": {
         "kind": "markdown",
-        "value": "**On Error**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-error-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-error-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error), 0.5);\n}\n```\n"
+        "value": "**On Error**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-error-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-error-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -967,7 +967,7 @@
       "name": "--mdui-color-on-error-container-dark",
       "description": {
         "kind": "markdown",
-        "value": "**On Error Container**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-error-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-error-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n```\n"
+        "value": "**On Error Container**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-on-error-container-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-on-error-container-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -980,7 +980,7 @@
       "name": "--mdui-color-outline-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Outline**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-outline-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-outline-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline), 0.5);\n}\n```\n"
+        "value": "**Outline**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-outline-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-outline-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -993,7 +993,7 @@
       "name": "--mdui-color-outline-variant-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Outline Variant**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-outline-variant-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-outline-variant-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n```\n"
+        "value": "**Outline Variant**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-outline-variant-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-outline-variant-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -1006,7 +1006,7 @@
       "name": "--mdui-color-shadow-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Shadow**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-shadow-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-shadow-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-shadow));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-shadow), 0.5);\n}\n```\n"
+        "value": "**Shadow**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-shadow-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-shadow-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-shadow));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-shadow), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -1019,7 +1019,7 @@
       "name": "--mdui-color-surface-tint-color-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Tint Color**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-tint-color-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-tint-color-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n```\n"
+        "value": "**Surface Tint Color**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-surface-tint-color-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-surface-tint-color-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -1032,7 +1032,7 @@
       "name": "--mdui-color-scrim-dark",
       "description": {
         "kind": "markdown",
-        "value": "**Scrim**\n\nRGB color value for Dark Mode, separated by `,`.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-scrim-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-scrim-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-scrim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-scrim), 0.5);\n}\n```\n"
+        "value": "**Scrim**\n\nRGB color value for Dark Mode, separated by commas.\n\nBy modifying this property, you can change the color value under Dark Mode.\n\n**Example**:\n```css\n/* Set Dark Mode color value */\n:root {\n  --mdui-color-scrim-dark: 255, 0, 0;\n}\n\n/* Read Dark Mode color value */\n.element {\n  color: rgb(var(--mdui-color-scrim-dark));\n}\n\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-scrim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-scrim), 0.5);\n}\n```\n"
       },
       "references": [
         {
@@ -1045,7 +1045,7 @@
       "name": "--mdui-color-primary",
       "description": {
         "kind": "markdown",
-        "value": "**Primary**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-primary-light` and `--mdui-color-primary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-primary-light: 255, 0, 0;\n  --mdui-color-primary-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Primary**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-primary-light` and `--mdui-color-primary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-primary-light: 255, 0, 0;\n  --mdui-color-primary-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1058,7 +1058,7 @@
       "name": "--mdui-color-primary-container",
       "description": {
         "kind": "markdown",
-        "value": "**Primary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-primary-container-light` and `--mdui-color-primary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-primary-container-light: 255, 0, 0;\n  --mdui-color-primary-container-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Primary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-primary-container-light` and `--mdui-color-primary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-primary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-primary-container-light: 255, 0, 0;\n  --mdui-color-primary-container-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1071,7 +1071,7 @@
       "name": "--mdui-color-on-primary",
       "description": {
         "kind": "markdown",
-        "value": "**On Primary**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-on-primary-light` and `--mdui-color-on-primary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-primary-light: 255, 0, 0;\n  --mdui-color-on-primary-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**On Primary**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-on-primary-light` and `--mdui-color-on-primary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-primary-light: 255, 0, 0;\n  --mdui-color-on-primary-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1084,7 +1084,7 @@
       "name": "--mdui-color-on-primary-container",
       "description": {
         "kind": "markdown",
-        "value": "**On Primary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-on-primary-container-light` and `--mdui-color-on-primary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\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"
+        "value": "**On Primary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-on-primary-container-light` and `--mdui-color-on-primary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-primary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-primary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-primary-container-light: 255, 0, 0;\n  --mdui-color-on-primary-container-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1097,7 +1097,7 @@
       "name": "--mdui-color-inverse-primary",
       "description": {
         "kind": "markdown",
-        "value": "**Inverse Primary**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-inverse-primary-light` and `--mdui-color-inverse-primary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-inverse-primary-light: 255, 0, 0;\n  --mdui-color-inverse-primary-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Inverse Primary**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-inverse-primary-light` and `--mdui-color-inverse-primary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-primary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-primary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-inverse-primary-light: 255, 0, 0;\n  --mdui-color-inverse-primary-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1110,7 +1110,7 @@
       "name": "--mdui-color-secondary",
       "description": {
         "kind": "markdown",
-        "value": "**Secondary**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-secondary-light` and `--mdui-color-secondary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-secondary-light: 255, 0, 0;\n  --mdui-color-secondary-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Secondary**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-secondary-light` and `--mdui-color-secondary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-secondary-light: 255, 0, 0;\n  --mdui-color-secondary-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1123,7 +1123,7 @@
       "name": "--mdui-color-secondary-container",
       "description": {
         "kind": "markdown",
-        "value": "**Secondary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-secondary-container-light` and `--mdui-color-secondary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-secondary-container-light: 255, 0, 0;\n  --mdui-color-secondary-container-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Secondary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-secondary-container-light` and `--mdui-color-secondary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-secondary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-secondary-container-light: 255, 0, 0;\n  --mdui-color-secondary-container-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1136,7 +1136,7 @@
       "name": "--mdui-color-on-secondary",
       "description": {
         "kind": "markdown",
-        "value": "**On Secondary**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-on-secondary-light` and `--mdui-color-on-secondary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-secondary-light: 255, 0, 0;\n  --mdui-color-on-secondary-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**On Secondary**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-on-secondary-light` and `--mdui-color-on-secondary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-secondary-light: 255, 0, 0;\n  --mdui-color-on-secondary-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1149,7 +1149,7 @@
       "name": "--mdui-color-on-secondary-container",
       "description": {
         "kind": "markdown",
-        "value": "**On Secondary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-on-secondary-container-light` and `--mdui-color-on-secondary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\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"
+        "value": "**On Secondary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-on-secondary-container-light` and `--mdui-color-on-secondary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-secondary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-secondary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-secondary-container-light: 255, 0, 0;\n  --mdui-color-on-secondary-container-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1162,7 +1162,7 @@
       "name": "--mdui-color-tertiary",
       "description": {
         "kind": "markdown",
-        "value": "**Tertiary**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-tertiary-light` and `--mdui-color-tertiary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-tertiary-light: 255, 0, 0;\n  --mdui-color-tertiary-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Tertiary**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-tertiary-light` and `--mdui-color-tertiary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-tertiary-light: 255, 0, 0;\n  --mdui-color-tertiary-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1175,7 +1175,7 @@
       "name": "--mdui-color-tertiary-container",
       "description": {
         "kind": "markdown",
-        "value": "**Tertiary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-tertiary-container-light` and `--mdui-color-tertiary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-tertiary-container-light: 255, 0, 0;\n  --mdui-color-tertiary-container-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Tertiary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-tertiary-container-light` and `--mdui-color-tertiary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-tertiary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-tertiary-container-light: 255, 0, 0;\n  --mdui-color-tertiary-container-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1188,7 +1188,7 @@
       "name": "--mdui-color-on-tertiary",
       "description": {
         "kind": "markdown",
-        "value": "**On Tertiary**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-on-tertiary-light` and `--mdui-color-on-tertiary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-tertiary-light: 255, 0, 0;\n  --mdui-color-on-tertiary-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**On Tertiary**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-on-tertiary-light` and `--mdui-color-on-tertiary-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-tertiary-light: 255, 0, 0;\n  --mdui-color-on-tertiary-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1201,7 +1201,7 @@
       "name": "--mdui-color-on-tertiary-container",
       "description": {
         "kind": "markdown",
-        "value": "**On Tertiary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-on-tertiary-container-light` and `--mdui-color-on-tertiary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\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"
+        "value": "**On Tertiary Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-on-tertiary-container-light` and `--mdui-color-on-tertiary-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-tertiary-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-tertiary-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-tertiary-container-light: 255, 0, 0;\n  --mdui-color-on-tertiary-container-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1214,7 +1214,7 @@
       "name": "--mdui-color-surface",
       "description": {
         "kind": "markdown",
-        "value": "**Surface**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-surface-light` and `--mdui-color-surface-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-light: 255, 0, 0;\n  --mdui-color-surface-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Surface**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-surface-light` and `--mdui-color-surface-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-light: 255, 0, 0;\n  --mdui-color-surface-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1227,7 +1227,7 @@
       "name": "--mdui-color-surface-dim",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Dim**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-surface-dim-light` and `--mdui-color-surface-dim-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-dim-light: 255, 0, 0;\n  --mdui-color-surface-dim-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Surface Dim**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-surface-dim-light` and `--mdui-color-surface-dim-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-dim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-dim), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-dim-light: 255, 0, 0;\n  --mdui-color-surface-dim-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1240,7 +1240,7 @@
       "name": "--mdui-color-surface-bright",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Bright**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-surface-bright-light` and `--mdui-color-surface-bright-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-bright-light: 255, 0, 0;\n  --mdui-color-surface-bright-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Surface Bright**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-surface-bright-light` and `--mdui-color-surface-bright-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-bright));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-bright), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-bright-light: 255, 0, 0;\n  --mdui-color-surface-bright-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1253,7 +1253,7 @@
       "name": "--mdui-color-surface-container-lowest",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container Lowest**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-surface-container-lowest-light` and `--mdui-color-surface-container-lowest-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\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"
+        "value": "**Surface Container Lowest**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-surface-container-lowest-light` and `--mdui-color-surface-container-lowest-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-lowest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-lowest), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-container-lowest-light: 255, 0, 0;\n  --mdui-color-surface-container-lowest-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1266,7 +1266,7 @@
       "name": "--mdui-color-surface-container-low",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container Low**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-surface-container-low-light` and `--mdui-color-surface-container-low-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\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"
+        "value": "**Surface Container Low**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-surface-container-low-light` and `--mdui-color-surface-container-low-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-low));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-low), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-container-low-light: 255, 0, 0;\n  --mdui-color-surface-container-low-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1279,7 +1279,7 @@
       "name": "--mdui-color-surface-container",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-surface-container-light` and `--mdui-color-surface-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-container-light: 255, 0, 0;\n  --mdui-color-surface-container-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Surface Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-surface-container-light` and `--mdui-color-surface-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-container-light: 255, 0, 0;\n  --mdui-color-surface-container-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1292,7 +1292,7 @@
       "name": "--mdui-color-surface-container-high",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container High**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-surface-container-high-light` and `--mdui-color-surface-container-high-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\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"
+        "value": "**Surface Container High**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-surface-container-high-light` and `--mdui-color-surface-container-high-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-high));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-high), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-container-high-light: 255, 0, 0;\n  --mdui-color-surface-container-high-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1305,7 +1305,7 @@
       "name": "--mdui-color-surface-container-highest",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Container Highest**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-surface-container-highest-light` and `--mdui-color-surface-container-highest-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\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"
+        "value": "**Surface Container Highest**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-surface-container-highest-light` and `--mdui-color-surface-container-highest-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-container-highest));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-container-highest), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-container-highest-light: 255, 0, 0;\n  --mdui-color-surface-container-highest-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1318,7 +1318,7 @@
       "name": "--mdui-color-surface-variant",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Variant**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-surface-variant-light` and `--mdui-color-surface-variant-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-variant-light: 255, 0, 0;\n  --mdui-color-surface-variant-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Surface Variant**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-surface-variant-light` and `--mdui-color-surface-variant-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-variant), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-variant-light: 255, 0, 0;\n  --mdui-color-surface-variant-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1331,7 +1331,7 @@
       "name": "--mdui-color-on-surface",
       "description": {
         "kind": "markdown",
-        "value": "**On Surface**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-on-surface-light` and `--mdui-color-on-surface-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-surface-light: 255, 0, 0;\n  --mdui-color-on-surface-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**On Surface**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-on-surface-light` and `--mdui-color-on-surface-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-surface-light: 255, 0, 0;\n  --mdui-color-on-surface-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1344,7 +1344,7 @@
       "name": "--mdui-color-on-surface-variant",
       "description": {
         "kind": "markdown",
-        "value": "**On Surface Variant**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-on-surface-variant-light` and `--mdui-color-on-surface-variant-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\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"
+        "value": "**On Surface Variant**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-on-surface-variant-light` and `--mdui-color-on-surface-variant-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-surface-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-surface-variant), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-surface-variant-light: 255, 0, 0;\n  --mdui-color-on-surface-variant-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1357,7 +1357,7 @@
       "name": "--mdui-color-inverse-surface",
       "description": {
         "kind": "markdown",
-        "value": "**Inverse Surface**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-inverse-surface-light` and `--mdui-color-inverse-surface-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-inverse-surface-light: 255, 0, 0;\n  --mdui-color-inverse-surface-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Inverse Surface**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-inverse-surface-light` and `--mdui-color-inverse-surface-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-surface), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-inverse-surface-light: 255, 0, 0;\n  --mdui-color-inverse-surface-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1370,7 +1370,7 @@
       "name": "--mdui-color-inverse-on-surface",
       "description": {
         "kind": "markdown",
-        "value": "**Inverse On Surface**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-inverse-on-surface-light` and `--mdui-color-inverse-on-surface-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\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"
+        "value": "**Inverse On Surface**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-inverse-on-surface-light` and `--mdui-color-inverse-on-surface-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-inverse-on-surface));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-inverse-on-surface), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-inverse-on-surface-light: 255, 0, 0;\n  --mdui-color-inverse-on-surface-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1383,7 +1383,7 @@
       "name": "--mdui-color-background",
       "description": {
         "kind": "markdown",
-        "value": "**Background**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-background-light` and `--mdui-color-background-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-background), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-background-light: 255, 0, 0;\n  --mdui-color-background-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Background**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-background-light` and `--mdui-color-background-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-background), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-background-light: 255, 0, 0;\n  --mdui-color-background-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1396,7 +1396,7 @@
       "name": "--mdui-color-on-background",
       "description": {
         "kind": "markdown",
-        "value": "**On Background**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-on-background-light` and `--mdui-color-on-background-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-background), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-background-light: 255, 0, 0;\n  --mdui-color-on-background-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**On Background**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-on-background-light` and `--mdui-color-on-background-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-background));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-background), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-background-light: 255, 0, 0;\n  --mdui-color-on-background-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1409,7 +1409,7 @@
       "name": "--mdui-color-error",
       "description": {
         "kind": "markdown",
-        "value": "**Error**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-error-light` and `--mdui-color-error-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-error-light: 255, 0, 0;\n  --mdui-color-error-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Error**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-error-light` and `--mdui-color-error-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-error-light: 255, 0, 0;\n  --mdui-color-error-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1422,7 +1422,7 @@
       "name": "--mdui-color-error-container",
       "description": {
         "kind": "markdown",
-        "value": "**Error Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-error-container-light` and `--mdui-color-error-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-error-container-light: 255, 0, 0;\n  --mdui-color-error-container-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Error Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-error-container-light` and `--mdui-color-error-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-error-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-error-container-light: 255, 0, 0;\n  --mdui-color-error-container-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1435,7 +1435,7 @@
       "name": "--mdui-color-on-error",
       "description": {
         "kind": "markdown",
-        "value": "**On Error**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-on-error-light` and `--mdui-color-on-error-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-error-light: 255, 0, 0;\n  --mdui-color-on-error-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**On Error**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-on-error-light` and `--mdui-color-on-error-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-error-light: 255, 0, 0;\n  --mdui-color-on-error-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1448,7 +1448,7 @@
       "name": "--mdui-color-on-error-container",
       "description": {
         "kind": "markdown",
-        "value": "**On Error Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-on-error-container-light` and `--mdui-color-on-error-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\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"
+        "value": "**On Error Container**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-on-error-container-light` and `--mdui-color-on-error-container-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-on-error-container));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-on-error-container), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-on-error-container-light: 255, 0, 0;\n  --mdui-color-on-error-container-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1461,7 +1461,7 @@
       "name": "--mdui-color-outline",
       "description": {
         "kind": "markdown",
-        "value": "**Outline**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-outline-light` and `--mdui-color-outline-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-outline-light: 255, 0, 0;\n  --mdui-color-outline-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Outline**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-outline-light` and `--mdui-color-outline-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-outline-light: 255, 0, 0;\n  --mdui-color-outline-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1474,7 +1474,7 @@
       "name": "--mdui-color-outline-variant",
       "description": {
         "kind": "markdown",
-        "value": "**Outline Variant**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-outline-variant-light` and `--mdui-color-outline-variant-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-outline-variant-light: 255, 0, 0;\n  --mdui-color-outline-variant-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Outline Variant**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-outline-variant-light` and `--mdui-color-outline-variant-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-outline-variant));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-outline-variant), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-outline-variant-light: 255, 0, 0;\n  --mdui-color-outline-variant-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1487,7 +1487,7 @@
       "name": "--mdui-color-shadow",
       "description": {
         "kind": "markdown",
-        "value": "**Shadow**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-shadow-light` and `--mdui-color-shadow-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-shadow));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-shadow), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-shadow-light: 255, 0, 0;\n  --mdui-color-shadow-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Shadow**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-shadow-light` and `--mdui-color-shadow-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-shadow));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-shadow), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-shadow-light: 255, 0, 0;\n  --mdui-color-shadow-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1500,7 +1500,7 @@
       "name": "--mdui-color-surface-tint-color",
       "description": {
         "kind": "markdown",
-        "value": "**Surface Tint Color**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-surface-tint-color-light` and `--mdui-color-surface-tint-color-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\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"
+        "value": "**Surface Tint Color**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-surface-tint-color-light` and `--mdui-color-surface-tint-color-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-surface-tint-color));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-surface-tint-color), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-surface-tint-color-light: 255, 0, 0;\n  --mdui-color-surface-tint-color-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1513,7 +1513,7 @@
       "name": "--mdui-color-scrim",
       "description": {
         "kind": "markdown",
-        "value": "**Scrim**\n\nRGB color value that automatically adapts to light and dark modes, separated by `,`.\n\nIf you want to set this color value, it is recommended to set `--mdui-color-scrim-light` and `--mdui-color-scrim-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-scrim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-scrim), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-scrim-light: 255, 0, 0;\n  --mdui-color-scrim-dark: 255, 0, 0;\n}\n```\n"
+        "value": "**Scrim**\n\nRGB color value that automatically adapts to light and dark modes, separated by commas.\n\nTo set this color value, it is recommended to set `--mdui-color-scrim-light` and `--mdui-color-scrim-dark` separately.\n\n**Example**:\n```css\n/* Read the color value that automatically adapts */\n.element {\n  color: rgb(var(--mdui-color-scrim));\n}\n\n/* Read the color value that automatically adapts and add opacity */\n.element {\n  color: rgba(var(--mdui-color-scrim), 0.5);\n}\n\n/* Set the color values for light mode and dark mode separately */\n:root {\n  --mdui-color-scrim-light: 255, 0, 0;\n  --mdui-color-scrim-dark: 255, 0, 0;\n}\n```\n"
       },
       "references": [
         {
@@ -1526,7 +1526,7 @@
       "name": "--mdui-elevation-level0",
       "description": {
         "kind": "markdown",
-        "value": "Shadow value corresponding to Level 0 elevation.\n\n**Example**:\n```css\n/* Set the shadow value corresponding to level0 elevation */\n:root {\n  --mdui-elevation-level0: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value corresponding to level0 elevation */\n.element {\n  box-shadow: var(--mdui-elevation-level0);\n}\n```\n"
+        "value": "Shadow value for elevation level 0.\n\n**Example**:\n```css\n/* Set the shadow value for elevation level 0 */\n:root {\n  --mdui-elevation-level0: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value for elevation level 0 */\n.element {\n  box-shadow: var(--mdui-elevation-level0);\n}\n```\n"
       },
       "references": [
         {
@@ -1539,7 +1539,7 @@
       "name": "--mdui-elevation-level1",
       "description": {
         "kind": "markdown",
-        "value": "Shadow value corresponding to Level 1 elevation.\n\n**Example**:\n```css\n/* Set the shadow value corresponding to level1 elevation */\n:root {\n  --mdui-elevation-level1: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value corresponding to level1 elevation */\n.element {\n  box-shadow: var(--mdui-elevation-level1);\n}\n```\n"
+        "value": "Shadow value for elevation level 1.\n\n**Example**:\n```css\n/* Set the shadow value for elevation level 1 */\n:root {\n  --mdui-elevation-level1: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value for elevation level 1 */\n.element {\n  box-shadow: var(--mdui-elevation-level1);\n}\n```\n"
       },
       "references": [
         {
@@ -1552,7 +1552,7 @@
       "name": "--mdui-elevation-level2",
       "description": {
         "kind": "markdown",
-        "value": "Shadow value corresponding to Level 2 elevation.\n\n**Example**:\n```css\n/* Set the shadow value corresponding to level2 elevation */\n:root {\n  --mdui-elevation-level2: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value corresponding to level2 elevation */\n.element {\n  box-shadow: var(--mdui-elevation-level2);\n}\n```\n"
+        "value": "Shadow value for elevation level 2.\n\n**Example**:\n```css\n/* Set the shadow value for elevation level 2 */\n:root {\n  --mdui-elevation-level2: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value for elevation level 2 */\n.element {\n  box-shadow: var(--mdui-elevation-level2);\n}\n```\n"
       },
       "references": [
         {
@@ -1565,7 +1565,7 @@
       "name": "--mdui-elevation-level3",
       "description": {
         "kind": "markdown",
-        "value": "Shadow value corresponding to Level 3 elevation.\n\n**Example**:\n```css\n/* Set the shadow value corresponding to level3 elevation */\n:root {\n  --mdui-elevation-level3: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value corresponding to level3 elevation */\n.element {\n  box-shadow: var(--mdui-elevation-level3);\n}\n```\n"
+        "value": "Shadow value for elevation level 3.\n\n**Example**:\n```css\n/* Set the shadow value for elevation level 3 */\n:root {\n  --mdui-elevation-level3: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value for elevation level 3 */\n.element {\n  box-shadow: var(--mdui-elevation-level3);\n}\n```\n"
       },
       "references": [
         {
@@ -1578,7 +1578,7 @@
       "name": "--mdui-elevation-level4",
       "description": {
         "kind": "markdown",
-        "value": "Shadow value corresponding to Level 4 elevation.\n\n**Example**:\n```css\n/* Set the shadow value corresponding to level4 elevation */\n:root {\n  --mdui-elevation-level4: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value corresponding to level4 elevation */\n.element {\n  box-shadow: var(--mdui-elevation-level4);\n}\n```\n"
+        "value": "Shadow value for elevation level 4.\n\n**Example**:\n```css\n/* Set the shadow value for elevation level 4 */\n:root {\n  --mdui-elevation-level4: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value for elevation level 4 */\n.element {\n  box-shadow: var(--mdui-elevation-level4);\n}\n```\n"
       },
       "references": [
         {
@@ -1591,7 +1591,7 @@
       "name": "--mdui-elevation-level5",
       "description": {
         "kind": "markdown",
-        "value": "Shadow value corresponding to Level 5 elevation.\n\n**Example**:\n```css\n/* Set the shadow value corresponding to level5 elevation */\n:root {\n  --mdui-elevation-level5: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value corresponding to level5 elevation */\n.element {\n  box-shadow: var(--mdui-elevation-level5);\n}\n```\n"
+        "value": "Shadow value for elevation level 5.\n\n**Example**:\n```css\n/* Set the shadow value for elevation level 5 */\n:root {\n  --mdui-elevation-level5: 0 0.5px 1.5px 0 rgba(0, 0, 0, 0.19);\n}\n\n/* Read the shadow value for elevation level 5 */\n.element {\n  box-shadow: var(--mdui-elevation-level5);\n}\n```\n"
       },
       "references": [
         {
@@ -1903,7 +1903,7 @@
       "name": "--mdui-shape-corner-none",
       "description": {
         "kind": "markdown",
-        "value": "Corner radius value for none level.\n\n**Example**:\n```css\n/* Set the corner radius value for none level */\n:root {\n  --mdui-shape-corner-none: 4px;\n}\n\n/* Read the corner radius value for none level */\n.element {\n  border-radius: var(--mdui-shape-corner-none);\n}\n```\n"
+        "value": "Corner radius value for level none.\n\n**Example**:\n```css\n/* Set the corner radius value for level none */\n:root {\n  --mdui-shape-corner-none: 4px;\n}\n\n/* Read the corner radius value for level none */\n.element {\n  border-radius: var(--mdui-shape-corner-none);\n}\n```\n"
       },
       "references": [
         {
@@ -1916,7 +1916,7 @@
       "name": "--mdui-shape-corner-extra-small",
       "description": {
         "kind": "markdown",
-        "value": "Corner radius value for extra-small level.\n\n**Example**:\n```css\n/* Set the corner radius value for extra-small level */\n:root {\n  --mdui-shape-corner-extra-small: 4px;\n}\n\n/* Read the corner radius value for extra-small level */\n.element {\n  border-radius: var(--mdui-shape-corner-extra-small);\n}\n```\n"
+        "value": "Corner radius value for level extra-small.\n\n**Example**:\n```css\n/* Set the corner radius value for level extra-small */\n:root {\n  --mdui-shape-corner-extra-small: 4px;\n}\n\n/* Read the corner radius value for level extra-small */\n.element {\n  border-radius: var(--mdui-shape-corner-extra-small);\n}\n```\n"
       },
       "references": [
         {
@@ -1929,7 +1929,7 @@
       "name": "--mdui-shape-corner-small",
       "description": {
         "kind": "markdown",
-        "value": "Corner radius value for small level.\n\n**Example**:\n```css\n/* Set the corner radius value for small level */\n:root {\n  --mdui-shape-corner-small: 4px;\n}\n\n/* Read the corner radius value for small level */\n.element {\n  border-radius: var(--mdui-shape-corner-small);\n}\n```\n"
+        "value": "Corner radius value for level small.\n\n**Example**:\n```css\n/* Set the corner radius value for level small */\n:root {\n  --mdui-shape-corner-small: 4px;\n}\n\n/* Read the corner radius value for level small */\n.element {\n  border-radius: var(--mdui-shape-corner-small);\n}\n```\n"
       },
       "references": [
         {
@@ -1942,7 +1942,7 @@
       "name": "--mdui-shape-corner-medium",
       "description": {
         "kind": "markdown",
-        "value": "Corner radius value for medium level.\n\n**Example**:\n```css\n/* Set the corner radius value for medium level */\n:root {\n  --mdui-shape-corner-medium: 4px;\n}\n\n/* Read the corner radius value for medium level */\n.element {\n  border-radius: var(--mdui-shape-corner-medium);\n}\n```\n"
+        "value": "Corner radius value for level medium.\n\n**Example**:\n```css\n/* Set the corner radius value for level medium */\n:root {\n  --mdui-shape-corner-medium: 4px;\n}\n\n/* Read the corner radius value for level medium */\n.element {\n  border-radius: var(--mdui-shape-corner-medium);\n}\n```\n"
       },
       "references": [
         {
@@ -1955,7 +1955,7 @@
       "name": "--mdui-shape-corner-large",
       "description": {
         "kind": "markdown",
-        "value": "Corner radius value for large level.\n\n**Example**:\n```css\n/* Set the corner radius value for large level */\n:root {\n  --mdui-shape-corner-large: 4px;\n}\n\n/* Read the corner radius value for large level */\n.element {\n  border-radius: var(--mdui-shape-corner-large);\n}\n```\n"
+        "value": "Corner radius value for level large.\n\n**Example**:\n```css\n/* Set the corner radius value for level large */\n:root {\n  --mdui-shape-corner-large: 4px;\n}\n\n/* Read the corner radius value for level large */\n.element {\n  border-radius: var(--mdui-shape-corner-large);\n}\n```\n"
       },
       "references": [
         {
@@ -1968,7 +1968,7 @@
       "name": "--mdui-shape-corner-extra-large",
       "description": {
         "kind": "markdown",
-        "value": "Corner radius value for extra-large level.\n\n**Example**:\n```css\n/* Set the corner radius value for extra-large level */\n:root {\n  --mdui-shape-corner-extra-large: 4px;\n}\n\n/* Read the corner radius value for extra-large level */\n.element {\n  border-radius: var(--mdui-shape-corner-extra-large);\n}\n```\n"
+        "value": "Corner radius value for level extra-large.\n\n**Example**:\n```css\n/* Set the corner radius value for level extra-large */\n:root {\n  --mdui-shape-corner-extra-large: 4px;\n}\n\n/* Read the corner radius value for level extra-large */\n.element {\n  border-radius: var(--mdui-shape-corner-extra-large);\n}\n```\n"
       },
       "references": [
         {
@@ -1981,7 +1981,7 @@
       "name": "--mdui-shape-corner-full",
       "description": {
         "kind": "markdown",
-        "value": "Corner radius value for full level.\n\n**Example**:\n```css\n/* Set the corner radius value for full level */\n:root {\n  --mdui-shape-corner-full: 4px;\n}\n\n/* Read the corner radius value for full level */\n.element {\n  border-radius: var(--mdui-shape-corner-full);\n}\n```\n"
+        "value": "Corner radius value for level full.\n\n**Example**:\n```css\n/* Set the corner radius value for level full */\n:root {\n  --mdui-shape-corner-full: 4px;\n}\n\n/* Read the corner radius value for level full */\n.element {\n  border-radius: var(--mdui-shape-corner-full);\n}\n```\n"
       },
       "references": [
         {
@@ -1994,7 +1994,7 @@
       "name": "--mdui-state-layer-hover",
       "description": {
         "kind": "markdown",
-        "value": "Opacity for the state layer in the `hover` state.\n\n**Example**:\n```css\n/* Set the opacity for the state layer in hover state */\n:root {\n  --mdui-state-layer-hover: 0.1;\n}\n```\n"
+        "value": "Opacity of the state layer for the `hover` state.\n\n**Example**:\n```css\n/* Set the opacity of the state layer for the hover state */\n:root {\n  --mdui-state-layer-hover: 0.1;\n}\n```\n"
       },
       "references": [
         {
@@ -2007,7 +2007,7 @@
       "name": "--mdui-state-layer-focus",
       "description": {
         "kind": "markdown",
-        "value": "Opacity for the state layer in the `focus` state.\n\n**Example**:\n```css\n/* Set the opacity for the state layer in focus state */\n:root {\n  --mdui-state-layer-focus: 0.1;\n}\n```\n"
+        "value": "Opacity of the state layer for the `focus` state.\n\n**Example**:\n```css\n/* Set the opacity of the state layer for the focus state */\n:root {\n  --mdui-state-layer-focus: 0.1;\n}\n```\n"
       },
       "references": [
         {
@@ -2020,7 +2020,7 @@
       "name": "--mdui-state-layer-pressed",
       "description": {
         "kind": "markdown",
-        "value": "Opacity for the state layer in the `pressed` state.\n\n**Example**:\n```css\n/* Set the opacity for the state layer in pressed state */\n:root {\n  --mdui-state-layer-pressed: 0.1;\n}\n```\n"
+        "value": "Opacity of the state layer for the `pressed` state.\n\n**Example**:\n```css\n/* Set the opacity of the state layer for the pressed state */\n:root {\n  --mdui-state-layer-pressed: 0.1;\n}\n```\n"
       },
       "references": [
         {
@@ -2033,7 +2033,7 @@
       "name": "--mdui-state-layer-dragged",
       "description": {
         "kind": "markdown",
-        "value": "Opacity for the state layer in the `dragged` state.\n\n**Example**:\n```css\n/* Set the opacity for the state layer in dragged state */\n:root {\n  --mdui-state-layer-dragged: 0.1;\n}\n```\n"
+        "value": "Opacity of the state layer for the `dragged` state.\n\n**Example**:\n```css\n/* Set the opacity of the state layer for the dragged state */\n:root {\n  --mdui-state-layer-dragged: 0.1;\n}\n```\n"
       },
       "references": [
         {