@openedx/paragon 23.0.0-alpha.2 → 23.0.0-alpha.4

package/tokens/src/themes/light/global/color.json

@@ -1,1658 +1,2383 @@
 {
   "color": {
-    "white": { "value": "#FFFFFF", "type": "color", "source": "$white", "description": "White color." },
-    "black": { "value": "#000000", "type": "color", "source": "$black", "description": "Black color." },
-    "blue": { "value": "#23419F", "type": "color", "source": "$blue", "description": "Blue color." },
-    "red": { "value": "#C32D3A", "type": "color", "source": "$red", "description": "Red color." },
-    "green": { "value": "#178253", "type": "color", "source": "$green", "description": "Green color." },
-    "yellow": { "value": "#FFD900", "type": "color", "source": "$yellow", "description": "Yellow color." },
-    "teal": { "value": "#006DAA", "type": "color", "source": "$teal", "description": "Teal color." },
+    "$type": "color",
+    "white": {
+      "source": "$white",
+      "$value": "#FFFFFF",
+      "$description": "White color."
+    },
+    "black": {
+      "source": "$black",
+      "$value": "#000000",
+      "$description": "Black color."
+    },
+    "blue": {
+      "source": "$blue",
+      "$value": "#23419F",
+      "$description": "Blue color."
+    },
+    "red": {
+      "source": "$red",
+      "$value": "#C32D3A",
+      "$description": "Red color."
+    },
+    "green": {
+      "source": "$green",
+      "$value": "#178253",
+      "$description": "Green color."
+    },
+    "yellow": {
+      "source": "$yellow",
+      "$value": "#FFD900",
+      "$description": "Yellow color."
+    },
+    "teal": {
+      "source": "$teal",
+      "$value": "#006DAA",
+      "$description": "Teal color."
+    },
     "accent": {
       "a": {
-        "value": "#00BBF9",
-        "type": "color",
         "source": "$accent-a",
-        "description": "Accent-A color.",
         "actions": {
           "default": "{color.action.default.accent.a}"
-        }
+        },
+        "$value": "#00BBF9",
+        "$description": "Accent-A color."
       },
       "b": {
-        "value": "#FFEE88",
-        "type": "color",
         "source": "$accent-b",
-        "description": "Accent-B color.",
         "actions": {
           "default": "{color.action.default.accent.b}"
-        }
+        },
+        "$value": "#FFEE88",
+        "$description": "Accent-B color."
       }
     },
     "gray": {
-      "base": {
-        "value": "#707070",
-        "type": "color",
-        "source": "$gray",
-        "description": "Basic gray color.",
-        "actions": {
-          "default": "{color.action.default.gray.base}"
-        }
-      },
       "100": {
-        "value": "#EBEBEB",
-        "type": "color",
         "source": "$gray-100",
-        "description": "Gray color of level 100.",
         "actions": {
           "default": "{color.action.default.gray.100}"
-        }
+        },
+        "$value": "#EBEBEB",
+        "$description": "Gray color of level 100."
       },
       "200": {
-        "value": "#CCCCCC",
-        "type": "color",
         "source": "$gray-200",
-        "description": "Gray color of level 200.",
         "actions": {
           "default": "{color.action.default.gray.200}"
-        }
+        },
+        "$value": "#CCCCCC",
+        "$description": "Gray color of level 200."
       },
       "300": {
-        "value": "#ADADAD",
-        "type": "color",
         "source": "$gray-300",
-        "description": "Gray color of level 300.",
         "actions": {
           "default": "{color.action.default.gray.300}"
-        }
+        },
+        "$value": "#ADADAD",
+        "$description": "Gray color of level 300."
       },
       "400": {
-        "value": "#8F8F8F",
-        "type": "color",
         "source": "$gray-400",
-        "description": "Gray color of level 400.",
         "actions": {
           "default": "{color.action.default.gray.400}"
-        }
+        },
+        "$value": "#8F8F8F",
+        "$description": "Gray color of level 400."
       },
       "500": {
-        "value": "{color.gray.base}",
-        "type": "color",
         "source": "$gray-500",
-        "description": "Gray color of level 500.",
         "actions": {
           "default": "{color.action.default.gray.500}"
-        }
-       },
+        },
+        "$value": "{color.gray.base}",
+        "$description": "Gray color of level 500."
+      },
       "600": {
-        "value": "#5C5C5C",
-        "type": "color",
         "source": "$gray-600",
-        "description": "Gray color of level 600.",
         "actions": {
           "default": "{color.action.default.gray.600}"
-        }
+        },
+        "$value": "#5C5C5C",
+        "$description": "Gray color of level 600."
       },
       "700": {
-        "value": "#454545",
-        "type": "color",
         "source": "$gray-700",
-        "description": "Gray color of level 700.",
         "actions": {
           "default": "{color.action.default.gray.700}"
-        }
+        },
+        "$value": "#454545",
+        "$description": "Gray color of level 700."
       },
       "800": {
-        "value": "#333333",
-        "type": "color",
         "source": "$gray-800",
-        "description": "Gray color of level 800.",
         "actions": {
           "default": "{color.action.default.gray.800}"
-        }
+        },
+        "$value": "#333333",
+        "$description": "Gray color of level 800."
       },
       "900": {
-        "value": "#212529",
-        "type": "color",
         "source": "$gray-900",
-        "description": "Gray color of level 900.",
         "actions": {
           "default": "{color.action.default.gray.900}"
-        }
+        },
+        "$value": "#212529",
+        "$description": "Gray color of level 900."
+      },
+      "base": {
+        "source": "$gray",
+        "actions": {
+          "default": "{color.action.default.gray.base}"
+        },
+        "$value": "#707070",
+        "$description": "Basic gray color."
       }
     },
     "primary": {
-      "base": {
-        "value": "#0A3055",
-        "type": "color",
-        "source": "$primary",
-        "description": "Basic primary color.",
-        "actions": {
-          "default": "{color.action.default.primary.base}"
-        }
-      },
       "100": {
-        "value": "{color.primary.base}",
-        "type": "color",
         "source": "$primary-100",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }],
-        "description": "Primary color of level 100.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.94"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.primary.100}"
-        }
+        },
+        "$value": "{color.primary.base}",
+        "$description": "Primary color of level 100."
       },
       "200": {
-        "value": "{color.primary.base}",
-        "type": "color",
         "source": "$primary-200",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }],
-        "description": "Primary color of level 200.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.75"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.primary.200}"
-        }
+        },
+        "$value": "{color.primary.base}",
+        "$description": "Primary color of level 200."
       },
       "300": {
-        "value": "{color.primary.base}",
-        "type": "color",
         "source": "$primary-300",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }],
-        "description": "Primary color of level 300.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.50"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.primary.300}"
-        }
+        },
+        "$value": "{color.primary.base}",
+        "$description": "Primary color of level 300."
       },
       "400": {
-        "value": "{color.primary.base}",
-        "type": "color",
         "source": "$primary-400",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }],
-        "description": "Primary color of level 400.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.primary.400}"
-        }
+        },
+        "$value": "{color.primary.base}",
+        "$description": "Primary color of level 400."
       },
       "500": {
-        "value": "{color.primary.base}",
-        "type": "color",
         "source": "$primary-500",
-        "description": "Primary color of level 500.",
         "actions": {
           "default": "{color.action.default.primary.500}"
-        }
+        },
+        "$value": "{color.primary.base}",
+        "$description": "Primary color of level 500."
       },
       "600": {
-        "value": "{color.primary.base}",
-        "type": "color",
         "source": "$primary-600",
         "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }],
-        "description": "Primary color of level 600.",
         "actions": {
           "default": "{color.action.default.primary.600}"
-        }
+        },
+        "$value": "{color.primary.base}",
+        "$description": "Primary color of level 600."
       },
       "700": {
-        "value": "{color.primary.base}",
-        "type": "color",
         "source": "$primary-700",
         "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }],
-        "description": "Primary color of level 700.",
         "actions": {
           "default": "{color.action.default.primary.700}"
-        }
+        },
+        "$value": "{color.primary.base}",
+        "$description": "Primary color of level 700."
       },
       "800": {
-        "value": "{color.primary.base}",
-        "type": "color",
         "source": "$primary-800",
         "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }],
-        "description": "Primary color of level 800.",
         "actions": {
           "default": "{color.action.default.primary.800}"
-        }
+        },
+        "$value": "{color.primary.base}",
+        "$description": "Primary color of level 800."
       },
       "900": {
-        "value": "{color.primary.base}",
-        "type": "color",
         "source": "$primary-900",
         "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }],
-        "description": "Primary color of level 900.",
         "actions": {
           "default": "{color.action.default.primary.900}"
-        }
+        },
+        "$value": "{color.primary.base}",
+        "$description": "Primary color of level 900."
+      },
+      "base": {
+        "source": "$primary",
+        "actions": {
+          "default": "{color.action.default.primary.base}"
+        },
+        "$value": "#0A3055",
+        "$description": "Basic primary color."
       }
     },
     "secondary": {
-      "base": {
-        "value": "{color.gray.700}",
-        "type": "color",
-        "source": "$secondary",
-        "description": "Basic secondary color.",
-        "actions": {
-          "default": "{color.action.default.secondary.base}"
-        }
-      },
       "100": {
-        "value": "{color.secondary.base}",
-        "type": "color",
         "source": "$secondary-100",
         "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }],
-        "description": "Secondary color of level 100.",
         "actions": {
           "default": "{color.action.default.secondary.100}"
-        }
+        },
+        "$value": "{color.secondary.base}",
+        "$description": "Secondary color of level 100."
       },
       "200": {
-        "value": "{color.secondary.base}",
-        "type": "color",
         "source": "$secondary-200",
         "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }],
-        "description": "Secondary color of level 200.",
         "actions": {
           "default": "{color.action.default.secondary.200}"
-        }
+        },
+        "$value": "{color.secondary.base}",
+        "$description": "Secondary color of level 200."
       },
       "300": {
-        "value": "{color.secondary.base}",
-        "type": "color",
         "source": "$secondary-300",
         "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }],
-        "description": "Secondary color of level 300.",
         "actions": {
           "default": "{color.action.default.secondary.300}"
-        }
+        },
+        "$value": "{color.secondary.base}",
+        "$description": "Secondary color of level 300."
       },
       "400": {
-        "value": "{color.secondary.base}",
-        "type": "color",
         "source": "$secondary-400",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }],
-        "description": "Secondary color of level 400.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.secondary.400}"
-        }
+        },
+        "$value": "{color.secondary.base}",
+        "$description": "Secondary color of level 400."
       },
       "500": {
-        "value": "{color.secondary.base}",
-        "type": "color",
         "source": "$secondary-500",
-        "description": "Secondary color of level 500.",
         "actions": {
           "default": "{color.action.default.secondary.500}"
-        }
+        },
+        "$value": "{color.secondary.base}",
+        "$description": "Secondary color of level 500."
       },
       "600": {
-        "value": "{color.secondary.base}",
-        "type": "color",
         "source": "$secondary-600",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }],
-        "description": "Secondary color of level 600.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.10"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.secondary.600}"
-        }
+        },
+        "$value": "{color.secondary.base}",
+        "$description": "Secondary color of level 600."
       },
       "700": {
-        "value": "{color.secondary.base}",
-        "type": "color",
         "source": "$secondary-700",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }],
-        "description": "Secondary color of level 700.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.20"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.secondary.700}"
-        }
+        },
+        "$value": "{color.secondary.base}",
+        "$description": "Secondary color of level 700."
       },
       "800": {
-        "value": "{color.secondary.base}",
-        "type": "color",
         "source": "$secondary-800",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }],
-        "description": "Secondary color of level 800.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.secondary.800}"
-        }
+        },
+        "$value": "{color.secondary.base}",
+        "$description": "Secondary color of level 800."
       },
       "900": {
-        "value": "{color.secondary.base}",
-        "type": "color",
         "source": "$secondary-900",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }],
-        "description": "Secondary color of level 900.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.30"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.secondary.900}"
-        }
+        },
+        "$value": "{color.secondary.base}",
+        "$description": "Secondary color of level 900."
+      },
+      "base": {
+        "source": "$secondary",
+        "actions": {
+          "default": "{color.action.default.secondary.base}"
+        },
+        "$value": "{color.gray.700}",
+        "$description": "Basic secondary color."
       }
     },
     "brand": {
-      "base": {
-        "value": "#9D0054",
-        "type": "color",
-        "source": "$brand",
-        "description": "Basic brand color.",
-        "actions": {
-          "default": "{color.action.default.brand.base}"
-        }
-      },
       "100": {
-        "value": "{color.brand.base}",
-        "type": "color",
         "source": "$brand-100",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }],
-        "description": "Brand color of level 100.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.94"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.brand.100}"
-        }
+        },
+        "$value": "{color.brand.base}",
+        "$description": "Brand color of level 100."
       },
       "200": {
-        "value": "{color.brand.base}",
-        "type": "color",
         "source": "$brand-200",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }],
-        "description": "Brand color of level 200.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.75"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.brand.200}"
-        }
+        },
+        "$value": "{color.brand.base}",
+        "$description": "Brand color of level 200."
       },
       "300": {
-        "value": "{color.brand.base}",
-        "type": "color",
         "source": "$brand-300",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }],
-        "description": "Brand color of level 300.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.50"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.brand.300}"
-        }
+        },
+        "$value": "{color.brand.base}",
+        "$description": "Brand color of level 300."
       },
       "400": {
-        "value": "{color.brand.base}",
-        "type": "color",
         "source": "$brand-400",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }],
-        "description": "Brand color of level 400.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.brand.400}"
-        }
+        },
+        "$value": "{color.brand.base}",
+        "$description": "Brand color of level 400."
       },
       "500": {
-        "value": "{color.brand.base}",
-        "type": "color",
         "source": "$brand-500",
-        "description": "Brand color of level 500.",
         "actions": {
           "default": "{color.action.default.brand.500}"
-        }
+        },
+        "$value": "{color.brand.base}",
+        "$description": "Brand color of level 500."
       },
       "600": {
-        "value": "{color.brand.base}",
-        "type": "color",
         "source": "$brand-600",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }],
-        "description": "Brand color of level 600.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.10"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.brand.600}"
-        }
+        },
+        "$value": "{color.brand.base}",
+        "$description": "Brand color of level 600."
       },
       "700": {
-        "value": "{color.brand.base}",
-        "type": "color",
         "source": "$brand-700",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }],
-        "description": "Brand color of level 700.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.20"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.brand.700}"
-        }
+        },
+        "$value": "{color.brand.base}",
+        "$description": "Brand color of level 700."
       },
       "800": {
-        "value": "{color.brand.base}",
-        "type": "color",
         "source": "$brand-800",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }],
-        "description": "Brand color of level 800.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.brand.800}"
-        }
+        },
+        "$value": "{color.brand.base}",
+        "$description": "Brand color of level 800."
       },
       "900": {
-        "value": "{color.brand.base}",
-        "type": "color",
         "source": "$brand-900",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }],
-        "description": "Brand color of level 900.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.30"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.brand.900}"
-        }
+        },
+        "$value": "{color.brand.base}",
+        "$description": "Brand color of level 900."
+      },
+      "base": {
+        "source": "$brand",
+        "actions": {
+          "default": "{color.action.default.brand.base}"
+        },
+        "$value": "#9D0054",
+        "$description": "Basic brand color."
       }
     },
     "success": {
-      "base": {
-        "value": "{color.green}",
-        "type": "color",
-        "source": "$success",
-        "description": "Basic success color.",
-        "actions": {
-          "default": "{color.action.default.success.base}"
-        }
-      },
       "100": {
-        "value": "{color.success.base}",
-        "type": "color",
         "source": "$success-100",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }],
-        "description": "Success color of level 100.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.94"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.success.100}"
-        }
+        },
+        "$value": "{color.success.base}",
+        "$description": "Success color of level 100."
       },
       "200": {
-        "value": "{color.success.base}",
-        "type": "color",
         "source": "$success-200",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }],
-        "description": "Success color of level 200.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.75"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.success.200}"
-        }
+        },
+        "$value": "{color.success.base}",
+        "$description": "Success color of level 200."
       },
       "300": {
-        "value": "{color.success.base}",
-        "type": "color",
         "source": "$success-300",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }],
-        "description": "Success color of level 300.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.50"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.success.300}"
-        }
+        },
+        "$value": "{color.success.base}",
+        "$description": "Success color of level 300."
       },
       "400": {
-        "value": "{color.success.base}",
-        "type": "color",
         "source": "$success-400",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }],
-        "description": "Success color of level 400.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.success.400}"
-        }
+        },
+        "$value": "{color.success.base}",
+        "$description": "Success color of level 400."
       },
       "500": {
-        "value": "{color.success.base}",
-        "type": "color",
         "source": "$success-500",
-        "description": "Success color of level 500.",
         "actions": {
           "default": "{color.action.default.success.500}"
-        }
+        },
+        "$value": "{color.success.base}",
+        "$description": "Success color of level 500."
       },
       "600": {
-        "value": "{color.success.base}",
-        "type": "color",
         "source": "$success-600",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }],
-        "description": "Success color of level 600.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.10"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.success.600}"
-        }
+        },
+        "$value": "{color.success.base}",
+        "$description": "Success color of level 600."
       },
       "700": {
-        "value": "{color.success.base}",
-        "type": "color",
         "source": "$success-700",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }],
-        "description": "Success color of level 700.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.20"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.success.700}"
-        }
+        },
+        "$value": "{color.success.base}",
+        "$description": "Success color of level 700."
       },
       "800": {
-        "value": "{color.success.base}",
-        "type": "color",
         "source": "$success-800",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }],
-        "description": "Success color of level 800.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.success.800}"
-        }
+        },
+        "$value": "{color.success.base}",
+        "$description": "Success color of level 800."
       },
       "900": {
-        "value": "{color.success.base}",
-        "type": "color",
         "source": "$success-900",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }],
-        "description": "Success color of level 900.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.30"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.success.900}"
-        }
+        },
+        "$value": "{color.success.base}",
+        "$description": "Success color of level 900."
+      },
+      "base": {
+        "source": "$success",
+        "actions": {
+          "default": "{color.action.default.success.base}"
+        },
+        "$value": "{color.green}",
+        "$description": "Basic success color."
       }
     },
     "info": {
-      "base": {
-        "value": "{color.teal}",
-        "type": "color",
-        "source": "$info",
-        "description": "Basic info color.",
-        "actions": {
-          "default": "{color.action.default.info.base}"
-        }
-      },
       "100": {
-        "value": "{color.info.base}",
-        "type": "color",
         "source": "$info-100",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }],
-        "description": "Info color of level 100.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.94"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.info.100}"
-        }
+        },
+        "$value": "{color.info.base}",
+        "$description": "Info color of level 100."
       },
       "200": {
-        "value": "{color.info.base}",
-        "type": "color",
         "source": "$info-200",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }],
-        "description": "Info color of level 200.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.75"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.info.200}"
-        }
+        },
+        "$value": "{color.info.base}",
+        "$description": "Info color of level 200."
       },
       "300": {
-        "value": "{color.info.base}",
-        "type": "color",
         "source": "$info-300",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }],
-        "description": "Info color of level 300.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.50"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.info.300}"
-        }
+        },
+        "$value": "{color.info.base}",
+        "$description": "Info color of level 300."
       },
       "400": {
-        "value": "{color.info.base}",
-        "type": "color",
         "source": "$info-400",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }],
-        "description": "Info color of level 400.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.info.400}"
-        }
+        },
+        "$value": "{color.info.base}",
+        "$description": "Info color of level 400."
       },
       "500": {
-        "value": "{color.info.base}",
-        "type": "color",
         "source": "$info-500",
-        "description": "Info color of level 500.",
         "actions": {
           "default": "{color.action.default.info.500}"
-        }
+        },
+        "$value": "{color.info.base}",
+        "$description": "Info color of level 500."
       },
       "600": {
-        "value": "{color.info.base}",
-        "type": "color",
         "source": "$info-600",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }],
-        "description": "Info color of level 600.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.10"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.info.600}"
-        }
+        },
+        "$value": "{color.info.base}",
+        "$description": "Info color of level 600."
       },
       "700": {
-        "value": "{color.info.base}",
-        "type": "color",
         "source": "$info-700",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }],
-        "description": "Info color of level 700.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.20"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.info.700}"
-        }
+        },
+        "$value": "{color.info.base}",
+        "$description": "Info color of level 700."
       },
       "800": {
-        "value": "{color.info.base}",
-        "type": "color",
         "source": "$info-800",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }],
-        "description": "Info color of level 800.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.info.800}"
-        }
+        },
+        "$value": "{color.info.base}",
+        "$description": "Info color of level 800."
       },
       "900": {
-        "value": "{color.info.base}",
-        "type": "color",
         "source": "$info-900",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }],
-        "description": "Info color of level 900.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.30"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.info.900}"
-        }
+        },
+        "$value": "{color.info.base}",
+        "$description": "Info color of level 900."
+      },
+      "base": {
+        "source": "$info",
+        "actions": {
+          "default": "{color.action.default.info.base}"
+        },
+        "$value": "{color.teal}",
+        "$description": "Basic info color."
       }
     },
     "warning": {
-      "base": {
-        "value": "{color.yellow}",
-        "type": "color",
-        "source": "$warning",
-        "description": "Basic warning color.",
-        "actions": {
-          "default": "{color.action.default.warning.base}"
-        }
-      },
       "100": {
-        "value": "{color.warning.base}",
-        "type": "color",
         "source": "$warning-100",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }],
-        "description": "Warning color of level 100.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.94"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.warning.100}"
-        }
+        },
+        "$value": "{color.warning.base}",
+        "$description": "Warning color of level 100."
       },
       "200": {
-        "value": "{color.warning.base}",
-        "type": "color",
         "source": "$warning-200",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }],
-        "description": "Warning color of level 200.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.75"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.warning.200}"
-        }
+        },
+        "$value": "{color.warning.base}",
+        "$description": "Warning color of level 200."
       },
       "300": {
-        "value": "{color.warning.base}",
-        "type": "color",
         "source": "$warning-300",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }],
-        "description": "Warning color of level 300.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.50"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.warning.300}"
-        }
+        },
+        "$value": "{color.warning.base}",
+        "$description": "Warning color of level 300."
       },
       "400": {
-        "value": "{color.warning.base}",
-        "type": "color",
         "source": "$warning-400",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }],
-        "description": "Warning color of level 400.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.warning.400}"
-        }
+        },
+        "$value": "{color.warning.base}",
+        "$description": "Warning color of level 400."
       },
       "500": {
-        "value": "{color.warning.base}",
-        "type": "color",
         "source": "$warning-500",
-        "description": "Warning color of level 500.",
         "actions": {
           "default": "{color.action.default.warning.500}"
-        }
+        },
+        "$value": "{color.warning.base}",
+        "$description": "Warning color of level 500."
       },
       "600": {
-        "value": "{color.warning.base}",
-        "type": "color",
         "source": "$warning-600",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }],
-        "description": "Warning color of level 600.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.10"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.warning.600}"
-        }
+        },
+        "$value": "{color.warning.base}",
+        "$description": "Warning color of level 600."
       },
       "700": {
-        "value": "{color.warning.base}",
-        "type": "color",
         "source": "$warning-700",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }],
-        "description": "Warning color of level 700.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.20"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.warning.700}"
-        }
+        },
+        "$value": "{color.warning.base}",
+        "$description": "Warning color of level 700."
       },
       "800": {
-        "value": "{color.warning.base}",
-        "type": "color",
         "source": "$warning-800",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }],
-        "description": "Warning color of level 800.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.warning.800}"
-        }
+        },
+        "$value": "{color.warning.base}",
+        "$description": "Warning color of level 800."
       },
       "900": {
-        "value": "{color.warning.base}",
-        "type": "color",
         "source": "$warning-900",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }],
-        "description": "Warning color of level 900.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.30"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.warning.900}"
-        }
+        },
+        "$value": "{color.warning.base}",
+        "$description": "Warning color of level 900."
+      },
+      "base": {
+        "source": "$warning",
+        "actions": {
+          "default": "{color.action.default.warning.base}"
+        },
+        "$value": "{color.yellow}",
+        "$description": "Basic warning color."
       }
     },
     "danger": {
-      "base": {
-        "value": "{color.red}",
-        "type": "color",
-        "source": "$danger",
-        "description": "Basic danger color.",
-        "actions": {
-          "default": "{color.action.default.danger.base}"
-        }
-      },
       "100": {
-        "value": "{color.danger.base}",
-        "type": "color",
         "source": "$danger-100",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }],
-        "description": "Danger color of level 100.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.94"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.danger.100}"
-        }
+        },
+        "$value": "{color.danger.base}",
+        "$description": "Danger color of level 100."
       },
       "200": {
-        "value": "{color.danger.base}",
-        "type": "color",
         "source": "$danger-200",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }],
-        "description": "Danger color of level 200.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.75"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.danger.200}"
-        }
+        },
+        "$value": "{color.danger.base}",
+        "$description": "Danger color of level 200."
       },
       "300": {
-        "value": "{color.danger.base}",
-        "type": "color",
         "source": "$danger-300",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }],
-        "description": "Danger color of level 300.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.50"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.danger.300}"
-        }
+        },
+        "$value": "{color.danger.base}",
+        "$description": "Danger color of level 300."
       },
       "400": {
-        "value": "{color.danger.base}",
-        "type": "color",
         "source": "$danger-400",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }],
-        "description": "Danger color of level 400.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.danger.400}"
-        }
+        },
+        "$value": "{color.danger.base}",
+        "$description": "Danger color of level 400."
       },
       "500": {
-        "value": "{color.danger.base}",
-        "type": "color",
         "source": "$danger-500",
-        "description": "Danger color of level 500.",
         "actions": {
           "default": "{color.action.default.danger.500}"
-        }
+        },
+        "$value": "{color.danger.base}",
+        "$description": "Danger color of level 500."
       },
       "600": {
-        "value": "{color.danger.base}",
-        "type": "color",
         "source": "$danger-600",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }],
-        "description": "Danger color of level 600.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.10"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.danger.600}"
-        }
+        },
+        "$value": "{color.danger.base}",
+        "$description": "Danger color of level 600."
       },
       "700": {
-        "value": "{color.danger.base}",
-        "type": "color",
         "source": "$danger-700",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }],
-        "description": "Danger color of level 700.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.20"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.danger.700}"
-        }
+        },
+        "$value": "{color.danger.base}",
+        "$description": "Danger color of level 700."
       },
       "800": {
-        "value": "{color.danger.base}",
-        "type": "color",
         "source": "$danger-800",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }],
-        "description": "Danger color of level 800.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.danger.800}"
-        }
+        },
+        "$value": "{color.danger.base}",
+        "$description": "Danger color of level 800."
       },
       "900": {
-        "value": "{color.danger.base}",
-        "type": "color",
         "source": "$danger-900",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }],
-        "description": "Danger color of level 900.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.30"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.danger.900}"
-        }
+        },
+        "$value": "{color.danger.base}",
+        "$description": "Danger color of level 900."
+      },
+      "base": {
+        "source": "$danger",
+        "actions": {
+          "default": "{color.action.default.danger.base}"
+        },
+        "$value": "{color.red}",
+        "$description": "Basic danger color."
       }
     },
     "light": {
-      "base": {
-        "value": "#E1DDDB",
-        "type": "color",
-        "source": "$light",
-        "description": "Basic light color.",
-        "actions": {
-          "default": "{color.action.default.light.base}"
-        }
-      },
       "100": {
-        "value": "{color.light.base}",
-        "type": "color",
         "source": "$light-100",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }],
-        "description": "Light color of level 100.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.94"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.light.100}"
-        }
+        },
+        "$value": "{color.light.base}",
+        "$description": "Light color of level 100."
       },
       "200": {
-        "value": "{color.light.base}",
-        "type": "color",
         "source": "$light-200",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }],
-        "description": "Light color of level 200.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.75"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.light.200}"
-        }
+        },
+        "$value": "{color.light.base}",
+        "$description": "Light color of level 200."
       },
       "300": {
-        "value": "{color.light.base}",
-        "type": "color",
         "source": "$light-300",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }],
-        "description": "Light color of level 300.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.50"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.light.300}"
-        }
+        },
+        "$value": "{color.light.base}",
+        "$description": "Light color of level 300."
       },
       "400": {
-        "value": "{color.light.base}",
-        "type": "color",
         "source": "$light-400",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }],
-        "description": "Light color of level 400.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.light.400}"
-        }
+        },
+        "$value": "{color.light.base}",
+        "$description": "Light color of level 400."
       },
       "500": {
-        "value": "{color.light.base}",
-        "type": "color",
         "source": "$light-500",
-        "description": "Light color of level 500.",
         "actions": {
           "default": "{color.action.default.light.500}"
-        }
+        },
+        "$value": "{color.light.base}",
+        "$description": "Light color of level 500."
       },
       "600": {
-        "value": "{color.light.base}",
-        "type": "color",
         "source": "$light-600",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }],
-        "description": "Light color of level 600.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.10"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.light.600}"
-        }
+        },
+        "$value": "{color.light.base}",
+        "$description": "Light color of level 600."
       },
       "700": {
-        "value": "{color.light.base}",
-        "type": "color",
         "source": "$light-700",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }],
-        "description": "Light color of level 700.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.20"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.light.700}"
-        }
+        },
+        "$value": "{color.light.base}",
+        "$description": "Light color of level 700."
       },
       "800": {
-        "value": "{color.light.base}",
-        "type": "color",
         "source": "$light-800",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }],
-        "description": "Light color of level 800.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.light.800}"
-        }
+        },
+        "$value": "{color.light.base}",
+        "$description": "Light color of level 800."
       },
       "900": {
-        "value": "{color.light.base}",
-        "type": "color",
         "source": "$light-900",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }],
-        "description": "Light color of level 900.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.30"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.light.900}"
-        }
+        },
+        "$value": "{color.light.base}",
+        "$description": "Light color of level 900."
+      },
+      "base": {
+        "source": "$light",
+        "actions": {
+          "default": "{color.action.default.light.base}"
+        },
+        "$value": "#E1DDDB",
+        "$description": "Basic light color."
       }
     },
     "dark": {
-      "base": {
-        "value": "#273F2F",
-        "type": "color",
-        "source": "$dark",
-        "description": "Basic dark color.",
-        "actions": {
-          "default": "{color.action.default.dark.base}"
-        }
-      },
       "100": {
-        "value": "{color.dark.base}",
-        "type": "color",
         "source": "$dark-100",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.94" }],
-        "description": "Dark color of level 100.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.94"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.dark.100}"
-        }
+        },
+        "$value": "{color.dark.base}",
+        "$description": "Dark color of level 100."
       },
       "200": {
-        "value": "{color.dark.base}",
-        "type": "color",
         "source": "$dark-200",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.75" }],
-        "description": "Dark color of level 200.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.75"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.dark.200}"
-        }
+        },
+        "$value": "{color.dark.base}",
+        "$description": "Dark color of level 200."
       },
       "300": {
-        "value": "{color.dark.base}",
-        "type": "color",
         "source": "$dark-300",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.50" }],
-        "description": "Dark color of level 300.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.50"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.dark.300}"
-        }
+        },
+        "$value": "{color.dark.base}",
+        "$description": "Dark color of level 300."
       },
       "400": {
-        "value": "{color.dark.base}",
-        "type": "color",
         "source": "$dark-400",
-        "modify": [{ "type": "mix", "otherColor": "white", "amount": "0.25" }],
-        "description": "Dark color of level 400.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "white",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.dark.400}"
-        }
+        },
+        "$value": "{color.dark.base}",
+        "$description": "Dark color of level 400."
       },
       "500": {
-        "value": "{color.dark.base}",
-        "type": "color",
         "source": "$dark-500",
-        "description": "Dark color of level 500.",
         "actions": {
           "default": "{color.action.default.dark.500}"
-        }
+        },
+        "$value": "{color.dark.base}",
+        "$description": "Dark color of level 500."
       },
       "600": {
-        "value": "{color.dark.base}",
-        "type": "color",
         "source": "$dark-600",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.10" }],
-        "description": "Dark color of level 600.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.10"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.dark.600}"
-        }
+        },
+        "$value": "{color.dark.base}",
+        "$description": "Dark color of level 600."
       },
       "700": {
-        "value": "{color.dark.base}",
-        "type": "color",
         "source": "$dark-700",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.20" }],
-        "description": "Info color of level 700.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.20"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.dark.700}"
-        }
+        },
+        "$value": "{color.dark.base}",
+        "$description": "Info color of level 700."
       },
       "800": {
-        "value": "{color.dark.base}",
-        "type": "color",
         "source": "$dark-800",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.25" }],
-        "description": "Dark color of level 800.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.25"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.dark.800}"
-        }
+        },
+        "$value": "{color.dark.base}",
+        "$description": "Dark color of level 800."
       },
       "900": {
-        "value": "{color.dark.base}",
-        "type": "color",
         "source": "$dark-900",
-        "modify": [{ "type": "mix", "otherColor": "black", "amount": "0.30" }],
-        "description": "Dark color of level 900.",
+        "modify": [
+          {
+            "type": "mix",
+            "otherColor": "black",
+            "amount": "0.30"
+          }
+        ],
         "actions": {
           "default": "{color.action.default.dark.900}"
-        }
+        },
+        "$value": "{color.dark.base}",
+        "$description": "Dark color of level 900."
+      },
+      "base": {
+        "source": "$dark",
+        "actions": {
+          "default": "{color.action.default.dark.base}"
+        },
+        "$value": "#273F2F",
+        "$description": "Basic dark color."
       }
     },
     "action": {
       "default": {
         "gray": {
-          "base": {
-            "value": "{color.gray.base}",
-            "type": "color",
-            "source": "$action-default-gray-base",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
-          },
           "100": {
-            "value": "{color.gray.100}",
-            "type": "color",
             "source": "$action-default-gray-100",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.gray.100}"
           },
           "200": {
-            "value": "{color.gray.200}",
-            "type": "color",
             "source": "$action-default-gray-200",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.gray.200}"
           },
           "300": {
-            "value": "{color.gray.300}",
-            "type": "color",
             "source": "$action-default-gray-300",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.gray.300}"
           },
           "400": {
-            "value": "{color.gray.400}",
-            "type": "color",
             "source": "$action-default-gray-400",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.gray.400}"
           },
           "500": {
-            "value": "{color.gray.500}",
-            "type": "color",
             "source": "$action-default-gray-500",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.gray.500}"
           },
           "600": {
-            "value": "{color.gray.600}",
-            "type": "color",
             "source": "$action-default-gray-600",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.gray.600}"
           },
           "700": {
-            "value": "{color.gray.700}",
-            "type": "color",
             "source": "$action-default-gray-700",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.gray.700}"
           },
           "800": {
-            "value": "{color.gray.800}",
-            "type": "color",
             "source": "$action-default-gray-800",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.gray.800}"
           },
           "900": {
-            "value": "{color.gray.900}",
-            "type": "color",
             "source": "$action-default-gray-900",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.gray.900}"
+          },
+          "base": {
+            "source": "$action-default-gray-base",
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.gray.base}"
           }
         },
         "primary": {
-          "base": {
-            "value": "{color.primary.base}",
-            "type": "color",
-            "source": "$action-default-primary-base",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
-          },
           "100": {
-            "value": "{color.primary.100}",
-            "type": "color",
             "source": "$action-default-primary-100",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.primary.100}"
           },
           "200": {
-            "value": "{color.primary.200}",
-            "type": "color",
             "source": "$action-default-primary-200",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.primary.200}"
           },
           "300": {
-            "value": "{color.primary.300}",
-            "type": "color",
             "source": "$action-default-primary-300",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.primary.300}"
           },
           "400": {
-            "value": "{color.primary.400}",
-            "type": "color",
             "source": "$action-default-primary-400",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.primary.400}"
           },
           "500": {
-            "value": "{color.primary.500}",
-            "type": "color",
             "source": "$action-default-primary-500",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.primary.500}"
           },
           "600": {
-            "value": "{color.primary.600}",
-            "type": "color",
             "source": "$action-default-primary-600",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.primary.600}"
           },
           "700": {
-            "value": "{color.primary.700}",
-            "type": "color",
             "source": "$action-default-primary-700",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.primary.700}"
           },
           "800": {
-            "value": "{color.primary.800}",
-            "type": "color",
             "source": "$action-default-primary-800",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.primary.800}"
           },
           "900": {
-            "value": "{color.primary.900}",
-            "type": "color",
             "source": "$action-default-primary-900",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.primary.900}"
+          },
+          "base": {
+            "source": "$action-default-primary-base",
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.primary.base}"
           }
         },
         "secondary": {
-          "base": {
-            "value": "{color.secondary.base}",
-            "type": "color",
-            "source": "$action-default-secondary-base",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
-          },
           "100": {
-            "value": "{color.secondary.100}",
-            "type": "color",
             "source": "$action-default-secondary-100",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.secondary.100}"
           },
           "200": {
-            "value": "{color.secondary.200}",
-            "type": "color",
             "source": "$action-default-secondary-200",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.secondary.200}"
           },
           "300": {
-            "value": "{color.secondary.300}",
-            "type": "color",
             "source": "$action-default-secondary-300",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.secondary.300}"
           },
           "400": {
-            "value": "{color.secondary.400}",
-            "type": "color",
             "source": "$action-default-secondary-400",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.secondary.400}"
           },
           "500": {
-            "value": "{color.secondary.500}",
-            "type": "color",
             "source": "$action-default-secondary-500",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.secondary.500}"
           },
           "600": {
-            "value": "{color.secondary.600}",
-            "type": "color",
             "source": "$action-default-secondary-600",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.secondary.600}"
           },
           "700": {
-            "value": "{color.secondary.700}",
-            "type": "color",
             "source": "$action-default-secondary-700",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.secondary.700}"
           },
           "800": {
-            "value": "{color.secondary.800}",
-            "type": "color",
             "source": "$action-default-secondary-800",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.secondary.800}"
           },
           "900": {
-            "value": "{color.secondary.900}",
-            "type": "color",
             "source": "$action-default-secondary-900",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.secondary.900}"
+          },
+          "base": {
+            "source": "$action-default-secondary-base",
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.secondary.base}"
           }
         },
         "brand": {
-          "base": {
-            "value": "{color.brand.base}",
-            "type": "color",
-            "source": "$action-default-brand-base",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
-          },
           "100": {
-            "value": "{color.brand.100}",
-            "type": "color",
             "source": "$action-default-brand-100",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.brand.100}"
           },
           "200": {
-            "value": "{color.brand.200}",
-            "type": "color",
             "source": "$action-default-brand-200",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.brand.200}"
           },
           "300": {
-            "value": "{color.brand.300}",
-            "type": "color",
             "source": "$action-default-brand-300",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.brand.300}"
           },
           "400": {
-            "value": "{color.brand.400}",
-            "type": "color",
             "source": "$action-default-brand-400",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.brand.400}"
           },
           "500": {
-            "value": "{color.brand.500}",
-            "type": "color",
             "source": "$action-default-brand-500",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.brand.500}"
           },
           "600": {
-            "value": "{color.brand.600}",
-            "type": "color",
             "source": "$action-default-brand-600",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.brand.600}"
           },
           "700": {
-            "value": "{color.brand.700}",
-            "type": "color",
             "source": "$action-default-brand-700",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.brand.700}"
           },
           "800": {
-            "value": "{color.brand.800}",
-            "type": "color",
             "source": "$action-default-brand-800",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.brand.800}"
           },
           "900": {
-            "value": "{color.brand.900}",
-            "type": "color",
             "source": "$action-default-brand-900",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.brand.900}"
+          },
+          "base": {
+            "source": "$action-default-brand-base",
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.brand.base}"
           }
         },
         "success": {
-          "base": {
-            "value": "{color.success.base}",
-            "type": "color",
-            "source": "$action-default-success-base",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
-          },
           "100": {
-            "value": "{color.success.100}",
-            "type": "color",
             "source": "$action-default-success-100",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.success.100}"
           },
           "200": {
-            "value": "{color.success.200}",
-            "type": "color",
             "source": "$action-default-success-200",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.success.200}"
           },
           "300": {
-            "value": "{color.success.300}",
-            "type": "color",
             "source": "$action-default-success-300",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.success.300}"
           },
           "400": {
-            "value": "{color.success.400}",
-            "type": "color",
             "source": "$action-default-success-400",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.success.400}"
           },
           "500": {
-            "value": "{color.success.500}",
-            "type": "color",
             "source": "$action-default-success-500",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.success.500}"
           },
           "600": {
-            "value": "{color.success.600}",
-            "type": "color",
             "source": "$action-default-success-600",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.success.600}"
           },
           "700": {
-            "value": "{color.success.700}",
-            "type": "color",
             "source": "$action-default-success-700",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.success.700}"
           },
           "800": {
-            "value": "{color.success.800}",
-            "type": "color",
             "source": "$action-default-success-800",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.success.800}"
           },
           "900": {
-            "value": "{color.success.900}",
-            "type": "color",
             "source": "$action-default-success-900",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.success.900}"
+          },
+          "base": {
+            "source": "$action-default-success-base",
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.success.base}"
           }
         },
         "info": {
-          "base": {
-            "value": "{color.info.base}",
-            "type": "color",
-            "source": "$action-default-info-base",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
-          },
           "100": {
-            "value": "{color.info.100}",
-            "type": "color",
             "source": "$action-default-info-100",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.info.100}"
           },
           "200": {
-            "value": "{color.info.200}",
-            "type": "color",
             "source": "$action-default-info-200",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.info.200}"
           },
           "300": {
-            "value": "{color.info.300}",
-            "type": "color",
             "source": "$action-default-info-300",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.info.300}"
           },
           "400": {
-            "value": "{color.info.400}",
-            "type": "color",
             "source": "$action-default-info-400",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.info.400}"
           },
           "500": {
-            "value": "{color.info.500}",
-            "type": "color",
             "source": "$action-default-info-500",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.info.500}"
           },
           "600": {
-            "value": "{color.info.600}",
-            "type": "color",
             "source": "$action-default-info-600",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.info.600}"
           },
           "700": {
-            "value": "{color.info.700}",
-            "type": "color",
             "source": "$action-default-info-700",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.info.700}"
           },
           "800": {
-            "value": "{color.info.800}",
-            "type": "color",
             "source": "$action-default-info-800",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.info.800}"
           },
           "900": {
-            "value": "{color.info.900}",
-            "type": "color",
             "source": "$action-default-info-900",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.info.900}"
+          },
+          "base": {
+            "source": "$action-default-info-base",
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.info.base}"
           }
         },
         "warning": {
-          "base": {
-            "value": "{color.warning.base}",
-            "type": "color",
-            "source": "$action-default-warning-base",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
-          },
           "100": {
-            "value": "{color.warning.100}",
-            "type": "color",
             "source": "$action-default-warning-100",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.warning.100}"
           },
           "200": {
-            "value": "{color.warning.200}",
-            "type": "color",
             "source": "$action-default-warning-200",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.warning.200}"
           },
           "300": {
-            "value": "{color.warning.300}",
-            "type": "color",
             "source": "$action-default-warning-300",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.warning.300}"
           },
           "400": {
-            "value": "{color.warning.400}",
-            "type": "color",
             "source": "$action-default-warning-400",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.warning.400}"
           },
           "500": {
-            "value": "{color.warning.500}",
-            "type": "color",
             "source": "$action-default-warning-500",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.warning.500}"
           },
           "600": {
-            "value": "{color.warning.600}",
-            "type": "color",
             "source": "$action-default-warning-600",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.warning.600}"
           },
           "700": {
-            "value": "{color.warning.700}",
-            "type": "color",
             "source": "$action-default-warning-700",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.warning.700}"
           },
           "800": {
-            "value": "{color.warning.800}",
-            "type": "color",
             "source": "$action-default-warning-800",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.warning.800}"
           },
           "900": {
-            "value": "{color.warning.900}",
-            "type": "color",
             "source": "$action-default-warning-900",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.warning.900}"
+          },
+          "base": {
+            "source": "$action-default-warning-base",
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.warning.base}"
           }
         },
         "danger": {
-          "base": {
-            "value": "{color.danger.base}",
-            "type": "color",
-            "source": "$action-default-danger-base",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
-          },
           "100": {
-            "value": "{color.danger.100}",
-            "type": "color",
             "source": "$action-default-danger-100",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.danger.100}"
           },
           "200": {
-            "value": "{color.danger.200}",
-            "type": "color",
             "source": "$action-default-danger-200",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.danger.200}"
           },
           "300": {
-            "value": "{color.danger.300}",
-            "type": "color",
             "source": "$action-default-danger-300",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.danger.300}"
           },
           "400": {
-            "value": "{color.danger.400}",
-            "type": "color",
             "source": "$action-default-danger-400",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.danger.400}"
           },
           "500": {
-            "value": "{color.danger.500}",
-            "type": "color",
             "source": "$action-default-danger-500",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.danger.500}"
           },
           "600": {
-            "value": "{color.danger.600}",
-            "type": "color",
             "source": "$action-default-danger-600",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.danger.600}"
           },
           "700": {
-            "value": "{color.danger.700}",
-            "type": "color",
             "source": "$action-default-danger-700",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.danger.700}"
           },
           "800": {
-            "value": "{color.danger.800}",
-            "type": "color",
             "source": "$action-default-danger-800",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.danger.800}"
           },
           "900": {
-            "value": "{color.danger.900}",
-            "type": "color",
             "source": "$action-default-danger-900",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.danger.900}"
+          },
+          "base": {
+            "source": "$action-default-danger-base",
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.danger.base}"
           }
         },
         "light": {
-          "base": {
-            "value": "{color.light.base}",
-            "type": "color",
-            "source": "$action-default-light-base",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
-          },
           "100": {
-            "value": "{color.light.100}",
-            "type": "color",
             "source": "$action-default-light-100",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.light.100}"
           },
           "200": {
-            "value": "{color.light.200}",
-            "type": "color",
             "source": "$action-default-light-200",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.light.200}"
           },
           "300": {
-            "value": "{color.light.300}",
-            "type": "color",
             "source": "$action-default-light-300",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.light.300}"
           },
           "400": {
-            "value": "{color.light.400}",
-            "type": "color",
             "source": "$action-default-light-400",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.light.400}"
           },
           "500": {
-            "value": "{color.light.500}",
-            "type": "color",
             "source": "$action-default-light-500",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.light.500}"
           },
           "600": {
-            "value": "{color.light.600}",
-            "type": "color",
             "source": "$action-default-light-600",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.light.600}"
           },
           "700": {
-            "value": "{color.light.700}",
-            "type": "color",
             "source": "$action-default-light-700",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.light.700}"
           },
           "800": {
-            "value": "{color.light.800}",
-            "type": "color",
             "source": "$action-default-light-800",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.light.800}"
           },
           "900": {
-            "value": "{color.light.900}",
-            "type": "color",
             "source": "$action-default-light-900",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.light.900}"
+          },
+          "base": {
+            "source": "$action-default-light-base",
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.light.base}"
           }
         },
         "dark": {
-          "base": {
-            "value": "{color.dark.base}",
-            "type": "color",
-            "source": "$action-default-dark-base",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
-          },
           "100": {
-            "value": "{color.dark.100}",
-            "type": "color",
             "source": "$action-default-dark-100",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.dark.100}"
           },
           "200": {
-            "value": "{color.dark.200}",
-            "type": "color",
             "source": "$action-default-dark-200",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.dark.200}"
           },
           "300": {
-            "value": "{color.dark.300}",
-            "type": "color",
             "source": "$action-default-dark-300",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.dark.300}"
           },
           "400": {
-            "value": "{color.dark.400}",
-            "type": "color",
             "source": "$action-default-dark-400",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.dark.400}"
           },
           "500": {
-            "value": "{color.dark.500}",
-            "type": "color",
             "source": "$action-default-dark-500",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.dark.500}"
           },
           "600": {
-            "value": "{color.dark.600}",
-            "type": "color",
             "source": "$action-default-dark-600",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.dark.600}"
           },
           "700": {
-            "value": "{color.dark.700}",
-            "type": "color",
             "source": "$action-default-dark-700",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.dark.700}"
           },
           "800": {
-            "value": "{color.dark.800}",
-            "type": "color",
             "source": "$action-default-dark-800",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.dark.800}"
           },
           "900": {
-            "value": "{color.dark.900}",
-            "type": "color",
             "source": "$action-default-dark-900",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.dark.900}"
+          },
+          "base": {
+            "source": "$action-default-dark-base",
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.dark.base}"
           }
         },
         "accent": {
           "a": {
-            "value": "{color.accent.a}",
-            "type": "color",
             "source": "$action-default-accent-a",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.accent.a}"
           },
           "b": {
-            "value": "{color.accent.b}",
-            "type": "color",
             "source": "$action-default-accent-b",
-            "modify": [{ "type": "darken", "amount": "0.1" }]
+            "modify": [
+              {
+                "type": "darken",
+                "amount": "0.1"
+              }
+            ],
+            "$value": "{color.accent.b}"
           }
         }
       }