// Strict type for the themes.json structure
      interface ThemeData {
  "themes": {
    "dark": {
      "cssSelector": ".theme-dark",
      "colors": [
        {
          "category": [
            "backgrounds"
          ],
          "fill": {
            "r": 19,
            "g": 18,
            "b": 23,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(19, 18, 23)",
          "name": "basement",
          "value": "#131217"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 28,
            "g": 156,
            "b": 254,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(28, 156, 254)",
          "name": "blue",
          "value": "#1c9cfe"
        },
        {
          "category": [
            "text"
          ],
          "fill": {
            "r": 166,
            "g": 172,
            "b": 176,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(166, 172, 176)",
          "name": "body-and-labels",
          "value": "#a6acb0"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 211,
            "g": 25,
            "b": 18,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(211, 25, 18)",
          "name": "brand",
          "value": "#d31912"
        },
        {
          "category": [
            "hues",
            "code-blocks"
          ],
          "fill": {
            "r": 233,
            "g": 110,
            "b": 157,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(233, 110, 157)",
          "name": "code-base-64",
          "value": "#e96e9d"
        },
        {
          "category": [
            "hues",
            "code-blocks"
          ],
          "fill": {
            "r": 35,
            "g": 35,
            "b": 38,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(35, 35, 38)",
          "name": "code-bg",
          "value": "#232326"
        },
        {
          "category": [
            "hues",
            "code-blocks"
          ],
          "fill": {
            "r": 28,
            "g": 28,
            "b": 33,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(28, 28, 33)",
          "name": "code-outline",
          "value": "#1c1c21"
        },
        {
          "category": [
            "hues",
            "code-blocks"
          ],
          "fill": {
            "r": 157,
            "g": 193,
            "b": 253,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(157, 193, 253)",
          "name": "code-text",
          "value": "#9dc1fd"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 132,
            "g": 134,
            "b": 154,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(132, 134, 154)",
          "name": "neutral",
          "value": "#84869A"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 250,
            "g": 65,
            "b": 71,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(250, 65, 71)",
          "name": "critical",
          "value": "#fa4147"
        },
        {
          "category": [
            "interactive",
            "destructive"
          ],
          "fill": {
            "r": 250,
            "g": 148,
            "b": 151,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(250, 148, 151)",
          "name": "destructive-hover",
          "value": "#fa9497"
        },
        {
          "category": [
            "interactive",
            "destructive"
          ],
          "fill": {
            "r": 30,
            "g": 29,
            "b": 32,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(30, 29, 32)",
          "name": "destructive-idle",
          "value": "#1e1d20"
        },
        {
          "category": [
            "interactive",
            "destructive"
          ],
          "fill": {
            "r": 249,
            "g": 88,
            "b": 93,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(249, 88, 93)",
          "name": "destructive-pressed",
          "value": "#f9585d"
        },
        {
          "category": [
            "text"
          ],
          "fill": {
            "r": 119,
            "g": 121,
            "b": 143,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(119, 121, 143)",
          "name": "disabled",
          "value": "#77798f"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 219,
            "g": 98,
            "b": 249,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(219, 98, 249)",
          "name": "disc-operations",
          "value": "#db62f9"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 133,
            "g": 86,
            "b": 254,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(133, 86, 254)",
          "name": "dns-requests",
          "value": "#8556fe"
        },
        {
          "category": [
            "interactive",
            "focus"
          ],
          "fill": {
            "r": 102,
            "g": 136,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(102, 136, 255)",
          "name": "focus",
          "value": "#6688ff"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 21,
            "g": 222,
            "b": 223,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(21, 222, 223)",
          "name": "chart-1",
          "value": "#15dedf"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 160,
            "g": 98,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(160, 98, 255)",
          "name": "chart-2",
          "value": "#a062ff"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 255,
            "g": 238,
            "b": 135,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 238, 135)",
          "name": "chart-3",
          "value": "#ffee87"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 209,
            "g": 13,
            "b": 148,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(209, 13, 148)",
          "name": "chart-4",
          "value": "#d10d94"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 248,
            "g": 147,
            "b": 200,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(248, 147, 200)",
          "name": "chart-5",
          "value": "#f893c8"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 79,
            "g": 163,
            "b": 207,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(79, 163, 207)",
          "name": "chart-6",
          "value": "#4fa3cf"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 187,
            "g": 165,
            "b": 250,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(187, 165, 250)",
          "name": "chart-7",
          "value": "#bba5fa"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 237,
            "g": 104,
            "b": 93,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(237, 104, 93)",
          "name": "chart-8",
          "value": "#ed685d"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 253,
            "g": 192,
            "b": 131,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(253, 192, 131)",
          "name": "chart-9",
          "value": "#fdc083"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 214,
            "g": 128,
            "b": 14,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(214, 128, 14)",
          "name": "chart-10",
          "value": "#d6800e"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 81,
            "g": 92,
            "b": 111,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(81, 92, 111)",
          "name": "chart-disabled",
          "value": "#515c6f"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 228,
            "g": 232,
            "b": 241,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(228, 232, 241)",
          "name": "chart-neutral-1",
          "value": "#e4e8f1"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 154,
            "g": 167,
            "b": 193,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(154, 167, 193)",
          "name": "chart-neutral-2",
          "value": "#9aa7c1"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 76,
            "g": 215,
            "b": 245,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(76, 215, 245)",
          "name": "graph-1",
          "value": "#4cd7f5"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 183,
            "g": 183,
            "b": 183,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(183, 183, 183)",
          "name": "graph-10",
          "value": "#b7b7b7"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 239,
            "g": 239,
            "b": 239,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(239, 239, 239)",
          "name": "graph-11",
          "value": "#efefef"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 130,
            "g": 128,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(130, 128, 255)",
          "name": "graph-2",
          "value": "#8280ff"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 193,
            "g": 121,
            "b": 246,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(193, 121, 246)",
          "name": "graph-3",
          "value": "#c179f6"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 255,
            "g": 198,
            "b": 198,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 198, 198)",
          "name": "graph-4",
          "value": "#ffc6c6"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 239,
            "g": 145,
            "b": 179,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(239, 145, 179)",
          "name": "graph-5",
          "value": "#ef91b3"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 246,
            "g": 150,
            "b": 103,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(246, 150, 103)",
          "name": "graph-6",
          "value": "#f69667"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 156,
            "g": 239,
            "b": 174,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(156, 239, 174)",
          "name": "graph-7",
          "value": "#9cefae"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 252,
            "g": 220,
            "b": 92,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(252, 220, 92)",
          "name": "graph-8",
          "value": "#fcdc5c"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 160,
            "g": 110,
            "b": 110,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(160, 110, 110)",
          "name": "graph-9",
          "value": "#a06e6e"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 80,
            "g": 82,
            "b": 101,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(80, 82, 101)",
          "name": "graph-disabled",
          "value": "#505265"
        },
        {
          "category": [
            "backgrounds"
          ],
          "fill": {
            "r": 39,
            "g": 38,
            "b": 44,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(39, 38, 44)",
          "name": "ground-floor",
          "value": "#27262c"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 247,
            "g": 125,
            "b": 64,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(247, 125, 64)",
          "name": "high",
          "value": "#f77d40"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 157,
            "g": 193,
            "b": 253,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(157, 193, 253)",
          "name": "informational",
          "value": "#9dc1fd"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 9,
            "g": 9,
            "b": 12,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(9, 9, 12)",
          "name": "lines-dark",
          "value": "#09090c"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 20,
            "g": 20,
            "b": 26,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(20, 20, 26)",
          "name": "lines-light",
          "value": "#14141a"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 75,
            "g": 75,
            "b": 88,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(75, 75, 88)",
          "name": "border-reg",
          "value": "#4b4b58"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 56,
            "g": 56,
            "b": 66,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(56, 56, 66)",
          "name": "border-faint",
          "value": "#383842"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 103,
            "g": 108,
            "b": 121,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(103, 108, 121)",
          "name": "border-bold",
          "value": "#676c79"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 206,
            "g": 242,
            "b": 206,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(206, 242, 206)",
          "name": "low",
          "value": "#cef2ce"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 255,
            "g": 204,
            "b": 0,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 204, 0)",
          "name": "medium",
          "value": "#ffcc00"
        },
        {
          "category": [
            "backgrounds"
          ],
          "fill": {
            "r": 33,
            "g": 33,
            "b": 33,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(33, 33, 33)",
          "name": "mezzanine",
          "value": "#212121"
        },
        {
          "category": [
            "deprecated"
          ],
          "fill": {
            "r": 250,
            "g": 250,
            "b": 250,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(250, 250, 250)",
          "name": "nav-text-and-icons",
          "value": "#fafafa"
        },
        {
          "category": [
            "deprecated"
          ],
          "fill": {
            "r": 166,
            "g": 172,
            "b": 176,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(166, 172, 176)",
          "name": "nav-text-secondary",
          "value": "#a6acb0"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 251,
            "g": 80,
            "b": 147,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(251, 80, 147)",
          "name": "network-operations",
          "value": "#fb5093"
        },
        {
          "category": [
            "interactive",
            "normal"
          ],
          "fill": {
            "r": 99,
            "g": 100,
            "b": 110,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(99, 100, 110)",
          "name": "normal-hover",
          "value": "#63646e"
        },
        {
          "category": [
            "interactive",
            "normal"
          ],
          "fill": {
            "r": 78,
            "g": 79,
            "b": 90,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(78, 79, 90)",
          "name": "normal-idle",
          "value": "#4e4f5a"
        },
        {
          "category": [
            "interactive",
            "normal"
          ],
          "fill": {
            "r": 61,
            "g": 61,
            "b": 72,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(61, 61, 72)",
          "name": "normal-pressed",
          "value": "#3d3d48"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 0,
            "g": 0,
            "b": 0,
            "a": 0.13
          },
          "hasAlpha": true,
          "rgbFill": "rgba(0, 0, 0, 0.13)",
          "name": "overlay-0\\.5",
          "value": "#00000021"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 0,
            "g": 0,
            "b": 0,
            "a": 0.25
          },
          "hasAlpha": true,
          "rgbFill": "rgba(0, 0, 0, 0.25)",
          "name": "overlay-1",
          "value": "#00000040"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 0,
            "g": 0,
            "b": 0,
            "a": 0.6
          },
          "hasAlpha": true,
          "rgbFill": "rgba(0, 0, 0, 0.6)",
          "name": "overlay-2",
          "value": "#00000099"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 102,
            "g": 102,
            "b": 102,
            "a": 0.13
          },
          "hasAlpha": true,
          "rgbFill": "rgba(102, 102, 102, 0.13)",
          "name": "overlay-reverse-0\\.5",
          "value": "#666666"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 6,
            "g": 229,
            "b": 183,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(6, 229, 183)",
          "name": "positive",
          "value": "#06e5b7"
        },
        {
          "category": [
            "interactive",
            "primary"
          ],
          "fill": {
            "r": 225,
            "g": 236,
            "b": 254,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(225, 236, 254)",
          "name": "primary-hover",
          "value": "#e1ecfe"
        },
        {
          "category": [
            "interactive",
            "primary"
          ],
          "fill": {
            "r": 200,
            "g": 220,
            "b": 254,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(200, 220, 254)",
          "name": "primary-idle",
          "value": "#c8dcfe"
        },
        {
          "category": [
            "interactive",
            "primary"
          ],
          "fill": {
            "r": 125,
            "g": 155,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(125, 155, 255)",
          "name": "primary-pressed",
          "value": "#7d9bff"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 98,
            "g": 156,
            "b": 251,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(98, 156, 251)",
          "name": "process-operations",
          "value": "#629cfb"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 177,
            "g": 90,
            "b": 242,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(177, 90, 242)",
          "name": "purple",
          "value": "#b15af2"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 93,
            "g": 99,
            "b": 254,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(93, 99, 254)",
          "name": "registry-operations",
          "value": "#5d63fe"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 125,
            "g": 155,
            "b": 255,
            "a": 0.1
          },
          "hasAlpha": true,
          "rgbFill": "rgba(125, 155, 255, 0.1)",
          "name": "selected",
          "value": "#7d9bff1a"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 61,
            "g": 60,
            "b": 64,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(61, 60, 64)",
          "name": "surface-2xl",
          "value": "#3d3c40"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 38,
            "g": 37,
            "b": 42,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(38, 37, 42)",
          "name": "surface-base",
          "value": "#26252a"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 23,
            "g": 22,
            "b": 26,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(23, 22, 26)",
          "name": "surface-inner",
          "value": "#17161a"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 52,
            "g": 51,
            "b": 55,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(52, 51, 55)",
          "name": "surface-lg",
          "value": "#343337"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 45,
            "g": 44,
            "b": 49,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(45, 44, 49)",
          "name": "surface-md",
          "value": "#2d2c31"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 56,
            "g": 55,
            "b": 60,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(56, 55, 60)",
          "name": "surface-xl",
          "value": "#38373c"
        },
        {
          "category": [
            "interactive",
            "text-and-icons"
          ],
          "fill": {
            "r": 250,
            "g": 250,
            "b": 250,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(250, 250, 250)",
          "name": "text-and-icons",
          "value": "#fafafa"
        },
        {
          "category": [
            "text"
          ],
          "fill": {
            "r": 226,
            "g": 226,
            "b": 228,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(226, 226, 228)",
          "name": "titles-and-attributes",
          "value": "#e2e2e4"
        }
      ],
      "shadows": [
        {
          "name": "elevation-2xl",
          "effects": [
            "0px 25px 50px 0px rgba(0, 0, 0, 0.62)"
          ]
        },
        {
          "name": "elevation-base",
          "effects": [
            "0px 1px 2px 0px rgba(0, 0, 0, 0.46)",
            "0px 1px 3px 0px rgba(0, 0, 0, 0.1)"
          ]
        },
        {
          "name": "elevation-inner-lg",
          "effects": [
            "inset 0px 2px 4px 0px rgba(0, 0, 0, 0.36)"
          ]
        },
        {
          "name": "elevation-inner-md",
          "effects": [
            "inset 0px 1px 2px 0px rgba(0, 0, 0, 0.25)"
          ]
        },
        {
          "name": "elevation-lg",
          "effects": [
            "0px 10px 15px 0px rgba(0, 0, 0, 0.3)",
            "0px 4px 6px 0px rgba(0, 0, 0, 0.15)"
          ]
        },
        {
          "name": "elevation-md",
          "effects": [
            "0px 2px 4px 0px rgba(0, 0, 0, 0.33)",
            "0px 4px 6px 0px rgba(0, 0, 0, 0.1)"
          ]
        },
        {
          "name": "elevation-xl",
          "effects": [
            "0px 20px 25px 0px rgba(0, 0, 0, 0.3)",
            "0px 10px 10px 0px rgba(0, 0, 0, 0.12)"
          ]
        }
      ]
    },
    "light": {
      "cssSelector": ".theme-light",
      "colors": [
        {
          "category": [
            "backgrounds"
          ],
          "fill": {
            "r": 235,
            "g": 235,
            "b": 235,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(235, 235, 235)",
          "name": "basement",
          "value": "#ebebeb"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 36,
            "g": 105,
            "b": 240,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(36, 105, 240)",
          "name": "blue",
          "value": "#2469f0"
        },
        {
          "category": [
            "text"
          ],
          "fill": {
            "r": 118,
            "g": 118,
            "b": 118,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(118, 118, 118)",
          "name": "body-and-labels",
          "value": "#767676"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 211,
            "g": 28,
            "b": 18,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(211, 28, 18)",
          "name": "brand",
          "value": "#d31c12"
        },
        {
          "category": [
            "hues",
            "code-blocks"
          ],
          "fill": {
            "r": 168,
            "g": 21,
            "b": 78,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(168, 21, 78)",
          "name": "code-base-64",
          "value": "#a8154e"
        },
        {
          "category": [
            "hues",
            "code-blocks"
          ],
          "fill": {
            "r": 255,
            "g": 255,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 255, 255)",
          "name": "code-bg",
          "value": "#ffffff"
        },
        {
          "category": [
            "hues",
            "code-blocks"
          ],
          "fill": {
            "r": 229,
            "g": 229,
            "b": 229,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(229, 229, 229)",
          "name": "code-outline",
          "value": "#e5e5e5"
        },
        {
          "category": [
            "hues",
            "code-blocks"
          ],
          "fill": {
            "r": 11,
            "g": 84,
            "b": 193,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(11, 84, 193)",
          "name": "code-text",
          "value": "#0b54c1"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 134,
            "g": 135,
            "b": 152,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(134, 135, 152)",
          "name": "neutral",
          "value": "#868798"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 233,
            "g": 24,
            "b": 31,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(233, 24, 31)",
          "name": "critical",
          "value": "#e9181f"
        },
        {
          "category": [
            "interactive",
            "destructive"
          ],
          "fill": {
            "r": 244,
            "g": 116,
            "b": 121,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(244, 116, 121)",
          "name": "destructive-hover",
          "value": "#f47479"
        },
        {
          "category": [
            "interactive",
            "destructive"
          ],
          "fill": {
            "r": 255,
            "g": 255,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 255, 255)",
          "name": "destructive-idle",
          "value": "#ffffff"
        },
        {
          "category": [
            "interactive",
            "destructive"
          ],
          "fill": {
            "r": 232,
            "g": 18,
            "b": 26,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(232, 18, 26)",
          "name": "destructive-pressed",
          "value": "#e8121a"
        },
        {
          "category": [
            "text"
          ],
          "fill": {
            "r": 148,
            "g": 148,
            "b": 148,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(148, 148, 148)",
          "name": "disabled",
          "value": "#949494"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 179,
            "g": 8,
            "b": 221,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(179, 8, 221)",
          "name": "disc-operations",
          "value": "#b308dd"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 73,
            "g": 2,
            "b": 253,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(73, 2, 253)",
          "name": "dns-requests",
          "value": "#4902fd"
        },
        {
          "category": [
            "interactive",
            "focus"
          ],
          "fill": {
            "r": 3,
            "g": 158,
            "b": 186,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(3, 158, 186)",
          "name": "focus",
          "value": "#039eba"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 0,
            "g": 163,
            "b": 164,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(0, 163, 164)",
          "name": "chart-1",
          "value": "#00a3a4"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 111,
            "g": 48,
            "b": 204,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(111, 48, 204)",
          "name": "chart-2",
          "value": "#6f30cc"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 214,
            "g": 128,
            "b": 14,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(214, 128, 14)",
          "name": "chart-3",
          "value": "#d6800e"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 200,
            "g": 0,
            "b": 133,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(200, 0, 133)",
          "name": "chart-4",
          "value": "#c80085"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 247,
            "g": 82,
            "b": 152,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(247, 82, 152)",
          "name": "chart-5",
          "value": "#f75298"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 19,
            "g": 120,
            "b": 138,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(19, 120, 138)",
          "name": "chart-6",
          "value": "#13788a"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 160,
            "g": 116,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(160, 116, 255)",
          "name": "chart-7",
          "value": "#a074ff"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 172,
            "g": 30,
            "b": 55,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(172, 30, 55)",
          "name": "chart-8",
          "value": "#ac1e37"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 255,
            "g": 79,
            "b": 90,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 79, 90)",
          "name": "chart-9",
          "value": "#ff4f5a"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 163,
            "g": 97,
            "b": 26,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(163, 97, 26)",
          "name": "chart-10",
          "value": "#a3611a"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 173,
            "g": 184,
            "b": 204,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(173, 184, 204)",
          "name": "chart-disabled",
          "value": "#adb8cc"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 62,
            "g": 75,
            "b": 101,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(62, 75, 101)",
          "name": "chart-neutral-1",
          "value": "#3e4b65"
        },
        {
          "category": [
            "chart-data-visualization"
          ],
          "fill": {
            "r": 103,
            "g": 116,
            "b": 142,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(103, 116, 142)",
          "name": "chart-neutral-2",
          "value": "#67748e"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 15,
            "g": 153,
            "b": 161,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(15, 153, 161)",
          "name": "graph-1",
          "value": "#0f99a1"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 116,
            "g": 120,
            "b": 161,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(116, 120, 161)",
          "name": "graph-10",
          "value": "#7478a1"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 59,
            "g": 54,
            "b": 74,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(59, 54, 74)",
          "name": "graph-11",
          "value": "#3b364a"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 28,
            "g": 60,
            "b": 174,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(28, 60, 174)",
          "name": "graph-2",
          "value": "#1c3cae"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 107,
            "g": 48,
            "b": 171,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(107, 48, 171)",
          "name": "graph-3",
          "value": "#6b30ab"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 150,
            "g": 21,
            "b": 116,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(150, 21, 116)",
          "name": "graph-4",
          "value": "#961574"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 206,
            "g": 71,
            "b": 137,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(206, 71, 137)",
          "name": "graph-5",
          "value": "#ce4789"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 191,
            "g": 72,
            "b": 21,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(191, 72, 21)",
          "name": "graph-6",
          "value": "#bf4815"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 148,
            "g": 102,
            "b": 19,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(148, 102, 19)",
          "name": "graph-7",
          "value": "#2e5c0e"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 46,
            "g": 92,
            "b": 14,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(46, 92, 14)",
          "name": "graph-8",
          "value": "#946613"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 104,
            "g": 68,
            "b": 68,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(104, 68, 68)",
          "name": "graph-9",
          "value": "#684444"
        },
        {
          "category": [
            "data-visualization"
          ],
          "fill": {
            "r": 211,
            "g": 211,
            "b": 211,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(211, 211, 211)",
          "name": "graph-disabled",
          "value": "#d3d3d3"
        },
        {
          "category": [
            "backgrounds"
          ],
          "fill": {
            "r": 255,
            "g": 255,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 255, 255)",
          "name": "ground-floor",
          "value": "#ffffff"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 255,
            "g": 126,
            "b": 0,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 126, 0)",
          "name": "high",
          "value": "#ff7e00"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 80,
            "g": 130,
            "b": 210,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(80, 130, 210)",
          "name": "informational",
          "value": "#5082d2"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 217,
            "g": 217,
            "b": 217,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(217, 217, 217)",
          "name": "lines-dark",
          "value": "#d9d9d9"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 238,
            "g": 238,
            "b": 238,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(238, 238, 238)",
          "name": "lines-light",
          "value": "#eeeeee"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 200,
            "g": 200,
            "b": 208,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(200, 200, 208)",
          "name": "border-reg",
          "value": "#c8c8d0"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 222,
            "g": 222,
            "b": 227,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(222, 222, 227)",
          "name": "border-faint",
          "value": "#dedee3"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 156,
            "g": 156,
            "b": 170,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(156, 156, 170)",
          "name": "border-bold",
          "value": "#9c9caa"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 100,
            "g": 159,
            "b": 100,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(100, 159, 100)",
          "name": "low",
          "value": "#649f64"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 237,
            "g": 176,
            "b": 0,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(237, 176, 0)",
          "name": "medium",
          "value": "#edb000"
        },
        {
          "category": [
            "backgrounds"
          ],
          "fill": {
            "r": 36,
            "g": 36,
            "b": 36,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(36, 36, 36)",
          "name": "mezzanine",
          "value": "#242424"
        },
        {
          "category": [
            "deprecated"
          ],
          "fill": {
            "r": 250,
            "g": 250,
            "b": 250,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(250, 250, 250)",
          "name": "nav-text-and-icons",
          "value": "#fafafa"
        },
        {
          "category": [
            "deprecated"
          ],
          "fill": {
            "r": 173,
            "g": 173,
            "b": 173,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(173, 173, 173)",
          "name": "nav-text-secondary",
          "value": "#adadad"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 199,
            "g": 15,
            "b": 87,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(199, 15, 87)",
          "name": "network-operations",
          "value": "#c70f57"
        },
        {
          "category": [
            "interactive",
            "normal"
          ],
          "fill": {
            "r": 232,
            "g": 232,
            "b": 232,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(232, 232, 232)",
          "name": "normal-hover",
          "value": "#e8e8e8"
        },
        {
          "category": [
            "interactive",
            "normal"
          ],
          "fill": {
            "r": 224,
            "g": 224,
            "b": 224,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(224, 224, 224)",
          "name": "normal-idle",
          "value": "#e0e0e0"
        },
        {
          "category": [
            "interactive",
            "normal"
          ],
          "fill": {
            "r": 173,
            "g": 173,
            "b": 173,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(173, 173, 173)",
          "name": "normal-pressed",
          "value": "#adadad"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 0,
            "g": 0,
            "b": 0,
            "a": 0.03
          },
          "hasAlpha": true,
          "rgbFill": "rgba(0, 0, 0, 0.03)",
          "name": "overlay-0\\.5",
          "value": "#00000008"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 0,
            "g": 0,
            "b": 0,
            "a": 0.05
          },
          "hasAlpha": true,
          "rgbFill": "rgba(0, 0, 0, 0.05)",
          "name": "overlay-1",
          "value": "#0000000d"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 0,
            "g": 0,
            "b": 0,
            "a": 0.15
          },
          "hasAlpha": true,
          "rgbFill": "rgba(0, 0, 0, 0.15)",
          "name": "overlay-2",
          "value": "#00000026"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 153,
            "g": 153,
            "b": 153,
            "a": 0.13
          },
          "hasAlpha": true,
          "rgbFill": "rgba(153, 153, 153, 0.13)",
          "name": "overlay-reverse-0\\.5",
          "value": "#999999"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 27,
            "g": 142,
            "b": 103,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(27, 142, 103)",
          "name": "positive",
          "value": "#1b8e67"
        },
        {
          "category": [
            "interactive",
            "primary"
          ],
          "fill": {
            "r": 22,
            "g": 128,
            "b": 147,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(22, 128, 147)",
          "name": "primary-hover",
          "value": "#168093"
        },
        {
          "category": [
            "interactive",
            "primary"
          ],
          "fill": {
            "r": 3,
            "g": 102,
            "b": 120,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(3, 102, 120)",
          "name": "primary-idle",
          "value": "#036678"
        },
        {
          "category": [
            "interactive",
            "primary"
          ],
          "fill": {
            "r": 2,
            "g": 85,
            "b": 100,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(2, 85, 100)",
          "name": "primary-pressed",
          "value": "#025564"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 16,
            "g": 85,
            "b": 198,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(16, 85, 198)",
          "name": "process-operations",
          "value": "#1055c6"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 133,
            "g": 50,
            "b": 194,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(133, 50, 194)",
          "name": "purple",
          "value": "#8532c2"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 1,
            "g": 8,
            "b": 198,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(1, 8, 198)",
          "name": "registry-operations",
          "value": "#0108c6"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 3,
            "g": 109,
            "b": 128,
            "a": 0.1
          },
          "hasAlpha": true,
          "rgbFill": "rgba(3, 109, 128, 0.1)",
          "name": "selected",
          "value": "#036d801a"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 255,
            "g": 255,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 255, 255)",
          "name": "surface-2xl",
          "value": "#ffffff"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 255,
            "g": 255,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 255, 255)",
          "name": "surface-base",
          "value": "#ffffff"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 237,
            "g": 237,
            "b": 237,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(237, 237, 237)",
          "name": "surface-inner",
          "value": "#ededed"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 255,
            "g": 255,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 255, 255)",
          "name": "surface-lg",
          "value": "#ffffff"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 255,
            "g": 255,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 255, 255)",
          "name": "surface-md",
          "value": "#ffffff"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 255,
            "g": 255,
            "b": 255,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 255, 255)",
          "name": "surface-xl",
          "value": "#ffffff"
        },
        {
          "category": [
            "interactive",
            "text-and-icons"
          ],
          "fill": {
            "r": 32,
            "g": 32,
            "b": 32,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(32, 32, 32)",
          "name": "text-and-icons",
          "value": "#202020"
        },
        {
          "category": [
            "text"
          ],
          "fill": {
            "r": 61,
            "g": 61,
            "b": 61,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(61, 61, 61)",
          "name": "titles-and-attributes",
          "value": "#3d3d3d"
        }
      ],
      "shadows": [
        {
          "name": "elevation-2xl",
          "effects": [
            "0px 0px 7px 0px rgba(0, 0, 0, 0.08)",
            "0px 25px 50px 0px rgba(0, 0, 0, 0.15)"
          ]
        },
        {
          "name": "elevation-base",
          "effects": [
            "0px 0px 1px 0px rgba(0, 0, 0, 0.07)",
            "0px 1px 2px 0px rgba(0, 0, 0, 0.15)"
          ]
        },
        {
          "name": "elevation-inner-lg",
          "effects": [
            "inset 0px 2px 5px 0px rgba(0, 0, 0, 0.09)"
          ]
        },
        {
          "name": "elevation-inner-md",
          "effects": [
            "inset 0px 2px 4px 0px rgba(0, 0, 0, 0.08)"
          ]
        },
        {
          "name": "elevation-lg",
          "effects": [
            "0px 10px 15px 0px rgba(0, 0, 0, 0.08)",
            "0px 0px 3px 0px rgba(0, 0, 0, 0.07)"
          ]
        },
        {
          "name": "elevation-md",
          "effects": [
            "0px 0px 4px 0px rgba(0, 0, 0, 0.06)",
            "0px 3px 6px 0px rgba(0, 0, 0, 0.1)"
          ]
        },
        {
          "name": "elevation-xl",
          "effects": [
            "0px 20px 25px 0px rgba(0, 0, 0, 0.08)",
            "0px 0px 4px 0px rgba(0, 0, 0, 0.08)"
          ]
        }
      ]
    },
    "mezzanine": {
      "cssSelector": ".theme-light .theme-mezzanine",
      "colors": [
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 28,
            "g": 156,
            "b": 254,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(28, 156, 254)",
          "name": "blue",
          "value": "#1c9cfe"
        },
        {
          "category": [
            "text"
          ],
          "fill": {
            "r": 166,
            "g": 172,
            "b": 176,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(166, 172, 176)",
          "name": "body-and-labels",
          "value": "#a6acb0"
        },
        {
          "category": [
            "hues",
            "code-blocks"
          ],
          "fill": {
            "r": 233,
            "g": 110,
            "b": 157,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(233, 110, 157)",
          "name": "code-base-64",
          "value": "#e96e9d"
        },
        {
          "category": [
            "hues",
            "code-blocks"
          ],
          "fill": {
            "r": 157,
            "g": 193,
            "b": 253,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(157, 193, 253)",
          "name": "code-text",
          "value": "#9dc1fd"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 246,
            "g": 65,
            "b": 71,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(246, 65, 71)",
          "name": "critical",
          "value": "#f64147"
        },
        {
          "category": [
            "interactive",
            "destructive"
          ],
          "fill": {
            "r": 250,
            "g": 148,
            "b": 151,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(250, 148, 151)",
          "name": "destructive-hover",
          "value": "#fa9497"
        },
        {
          "category": [
            "interactive",
            "destructive"
          ],
          "fill": {
            "r": 30,
            "g": 29,
            "b": 32,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(30, 29, 32)",
          "name": "destructive-idle",
          "value": "#1e1d20"
        },
        {
          "category": [
            "interactive",
            "destructive"
          ],
          "fill": {
            "r": 249,
            "g": 88,
            "b": 93,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(249, 88, 93)",
          "name": "destructive-pressed",
          "value": "#f9585d"
        },
        {
          "category": [
            "text"
          ],
          "fill": {
            "r": 119,
            "g": 121,
            "b": 143,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(119, 121, 143)",
          "name": "disabled",
          "value": "#77798f"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 219,
            "g": 98,
            "b": 249,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(219, 98, 249)",
          "name": "disc-operations",
          "value": "#db62f9"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 133,
            "g": 86,
            "b": 254,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(133, 86, 254)",
          "name": "dns-requests",
          "value": "#8556fe"
        },
        {
          "category": [
            "interactive",
            "focus"
          ],
          "fill": {
            "r": 3,
            "g": 158,
            "b": 186,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(3, 158, 186)",
          "name": "focus",
          "value": "#039eba"
        },
        {
          "category": [
            "backgrounds"
          ],
          "fill": {
            "r": 39,
            "g": 38,
            "b": 44,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(39, 38, 44)",
          "name": "ground-floor",
          "value": "#27262c"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 247,
            "g": 125,
            "b": 64,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(247, 125, 64)",
          "name": "high",
          "value": "#f77d40"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 157,
            "g": 193,
            "b": 253,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(157, 193, 253)",
          "name": "informational",
          "value": "#9dc1fd"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 9,
            "g": 9,
            "b": 12,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(9, 9, 12)",
          "name": "lines-dark",
          "value": "#09090c"
        },
        {
          "category": [
            "divider-lines"
          ],
          "fill": {
            "r": 20,
            "g": 20,
            "b": 26,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(20, 20, 26)",
          "name": "lines-light",
          "value": "#14141a"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 206,
            "g": 242,
            "b": 206,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(206, 242, 206)",
          "name": "low",
          "value": "#cef2ce"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 255,
            "g": 204,
            "b": 0,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(255, 204, 0)",
          "name": "medium",
          "value": "#ffcc00"
        },
        {
          "category": [
            "backgrounds"
          ],
          "fill": {
            "r": 33,
            "g": 33,
            "b": 33,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(33, 33, 33)",
          "name": "mezzanine",
          "value": "#212121"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 251,
            "g": 80,
            "b": 147,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(251, 80, 147)",
          "name": "network-operations",
          "value": "#fb5093"
        },
        {
          "category": [
            "interactive",
            "normal"
          ],
          "fill": {
            "r": 91,
            "g": 91,
            "b": 91,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(91, 91, 91)",
          "name": "normal-hover",
          "value": "#5b5b5b"
        },
        {
          "category": [
            "interactive",
            "normal"
          ],
          "fill": {
            "r": 69,
            "g": 69,
            "b": 69,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(69, 69, 69)",
          "name": "normal-idle",
          "value": "#454545"
        },
        {
          "category": [
            "interactive",
            "normal"
          ],
          "fill": {
            "r": 58,
            "g": 58,
            "b": 58,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(58, 58, 58)",
          "name": "normal-pressed",
          "value": "#3a3a3a"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 0,
            "g": 0,
            "b": 0,
            "a": 0.25
          },
          "hasAlpha": true,
          "rgbFill": "rgba(0, 0, 0, 0.25)",
          "name": "overlay-1",
          "value": "#00000040"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 0,
            "g": 0,
            "b": 0,
            "a": 0.6
          },
          "hasAlpha": true,
          "rgbFill": "rgba(0, 0, 0, 0.6)",
          "name": "overlay-2",
          "value": "#00000099"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 6,
            "g": 229,
            "b": 183,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(6, 229, 183)",
          "name": "positive",
          "value": "#06e5b7"
        },
        {
          "category": [
            "interactive",
            "primary"
          ],
          "fill": {
            "r": 233,
            "g": 251,
            "b": 251,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(233, 251, 251)",
          "name": "primary-hover",
          "value": "#e9fbfb"
        },
        {
          "category": [
            "interactive",
            "primary"
          ],
          "fill": {
            "r": 201,
            "g": 248,
            "b": 253,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(201, 248, 253)",
          "name": "primary-idle",
          "value": "#c9f8fd"
        },
        {
          "category": [
            "interactive",
            "primary"
          ],
          "fill": {
            "r": 3,
            "g": 158,
            "b": 186,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(3, 158, 186)",
          "name": "primary-pressed",
          "value": "#039eba"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 98,
            "g": 156,
            "b": 251,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(98, 156, 251)",
          "name": "process-operations",
          "value": "#629cfb"
        },
        {
          "category": [
            "hues",
            "main-hues"
          ],
          "fill": {
            "r": 177,
            "g": 90,
            "b": 242,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(177, 90, 242)",
          "name": "purple",
          "value": "#b15af2"
        },
        {
          "category": [
            "hues",
            "process-actions"
          ],
          "fill": {
            "r": 93,
            "g": 99,
            "b": 254,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(93, 99, 254)",
          "name": "registry-operations",
          "value": "#5d63fe"
        },
        {
          "category": [
            "transparency"
          ],
          "fill": {
            "r": 3,
            "g": 158,
            "b": 186,
            "a": 0.1
          },
          "hasAlpha": true,
          "rgbFill": "rgba(3, 158, 186, 0.1)",
          "name": "selected",
          "value": "#039eba1a"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 60,
            "g": 60,
            "b": 60,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(60, 60, 60)",
          "name": "surface-2xl",
          "value": "#3c3c3c"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 37,
            "g": 37,
            "b": 37,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(37, 37, 37)",
          "name": "surface-base",
          "value": "#252525"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 26,
            "g": 26,
            "b": 26,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(26, 26, 26)",
          "name": "surface-inner",
          "value": "#1a1a1a"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 51,
            "g": 51,
            "b": 51,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(51, 51, 51)",
          "name": "surface-lg",
          "value": "#333333"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 44,
            "g": 44,
            "b": 44,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(44, 44, 44)",
          "name": "surface-md",
          "value": "#2c2c2c"
        },
        {
          "category": [
            "surfaces"
          ],
          "fill": {
            "r": 55,
            "g": 55,
            "b": 55,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(55, 55, 55)",
          "name": "surface-xl",
          "value": "#373737"
        },
        {
          "category": [
            "interactive",
            "text-and-icons"
          ],
          "fill": {
            "r": 250,
            "g": 250,
            "b": 250,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(250, 250, 250)",
          "name": "text-and-icons",
          "value": "#fafafa"
        },
        {
          "category": [
            "text"
          ],
          "fill": {
            "r": 226,
            "g": 226,
            "b": 228,
            "a": 1
          },
          "hasAlpha": false,
          "rgbFill": "rgb(226, 226, 228)",
          "name": "titles-and-attributes",
          "value": "#e2e2e4"
        }
      ],
      "shadows": [
        {
          "name": "elevation-2xl",
          "effects": [
            "0px 25px 50px 0px rgba(0, 0, 0, 0.2)"
          ]
        },
        {
          "name": "elevation-base",
          "effects": [
            "0px 1px 2px 0px rgba(0, 0, 0, 0.06)",
            "0px 1px 3px 0px rgba(0, 0, 0, 0.1)"
          ]
        },
        {
          "name": "elevation-inner-lg",
          "effects": [
            "inset 0px 2px 5px 0px rgba(0, 0, 0, 0.09)"
          ]
        },
        {
          "name": "elevation-inner-md",
          "effects": [
            "inset 0px 2px 4px 0px rgba(0, 0, 0, 0.08)"
          ]
        },
        {
          "name": "elevation-lg",
          "effects": [
            "0px 10px 15px 0px rgba(0, 0, 0, 0.1)",
            "0px 4px 6px 0px rgba(0, 0, 0, 0.05)"
          ]
        },
        {
          "name": "elevation-md",
          "effects": [
            "0px 2px 4px 0px rgba(0, 0, 0, 0.06)",
            "0px 4px 6px 0px rgba(0, 0, 0, 0.1)"
          ]
        },
        {
          "name": "elevation-xl",
          "effects": [
            "0px 20px 25px 0px rgba(0, 0, 0, 0.1)",
            "0px 10px 10px 0px rgba(0, 0, 0, 0.04)"
          ]
        }
      ]
    }
  }
}

      // Full Built CSS
      declare module '@crowdstrike/tailwind-toucan-base/index.css';
      declare module '@crowdstrike/tailwind-toucan-base/toucan.css';


      // Raw Theme JSON -- also available as theme-data.js
      declare module '@crowdstrike/tailwind-toucan-base/themes' {
        export = ThemeData;
      }
      declare module '@crowdstrike/tailwind-toucan-base/themes.json' {
        export = ThemeData;
      }

      // Tailwind Config
      declare module '@crowdstrike/tailwind-toucan-base';

      declare module '@crowdstrike/tailwind-toucan-base/theme-data' {
        /**
          * Utility type which describes the shape and properties of a particular color.
          */
        export interface ColorInfo {
          category: string[];
          hasAlpha: boolean;
          rgbFill: string;
          fill: {
            r: number;
            g: number;
            b: number;
            a: number;
          };
          name: string;
          value: string;
        }

        const _ThemeData: ThemeData;

        /**
          * The data from the generated theme.json document containing all of the
          * Toucan colors, shadows, etc
          */
        export default _ThemeData;
      }