@atlaskit/tokens/dist/cjs/artifacts/tokens-raw/atlassian-dark.js

Design tokens are the single source of truth to name and store design decisions.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
/**
 * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
 * @codegen <<SignedSource::a1d4cfecf31089192419e7c026af766e>>
 * @codegenCommand yarn build tokens
 */

var tokens = [{
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
  },
  "value": "#CECFD2",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for primary text, such as body copy, sentence case headers, and buttons."
    },
    "value": "DarkNeutral1000"
  },
  "name": "color.text.[default]",
  "path": ["color", "text", "[default]"],
  "cleanName": "color.text"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "1.8.0",
    "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#B3DF72",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "1.8.0",
      "description": "Use for lime text on subtlest and subtler lime accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Lime300"
  },
  "name": "color.text.accent.lime.[default]",
  "path": ["color", "text", "accent", "lime", "[default]"],
  "cleanName": "color.text.accent.lime"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "1.8.0",
    "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#D3F1A7",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "1.8.0",
      "description": "Use for lime text on subtle lime accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Lime200"
  },
  "name": "color.text.accent.lime.bolder",
  "path": ["color", "text", "accent", "lime", "bolder"],
  "cleanName": "color.text.accent.lime.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#FD9891",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Red300"
  },
  "name": "color.text.accent.red.[default]",
  "path": ["color", "text", "accent", "red", "[default]"],
  "cleanName": "color.text.accent.red"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.7.0",
    "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#FFD5D2",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.7.0",
      "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Red200"
  },
  "name": "color.text.accent.red.bolder",
  "path": ["color", "text", "accent", "red", "bolder"],
  "cleanName": "color.text.accent.red.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#FBC828",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Orange300"
  },
  "name": "color.text.accent.orange.[default]",
  "path": ["color", "text", "accent", "orange", "[default]"],
  "cleanName": "color.text.accent.orange"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.7.0",
    "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#FCE4A6",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.7.0",
      "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Orange200"
  },
  "name": "color.text.accent.orange.bolder",
  "path": ["color", "text", "accent", "orange", "bolder"],
  "cleanName": "color.text.accent.orange.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#EED12B",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Yellow300"
  },
  "name": "color.text.accent.yellow.[default]",
  "path": ["color", "text", "accent", "yellow", "[default]"],
  "cleanName": "color.text.accent.yellow"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.7.0",
    "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#F5E989",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.7.0",
      "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Yellow200"
  },
  "name": "color.text.accent.yellow.bolder",
  "path": ["color", "text", "accent", "yellow", "bolder"],
  "cleanName": "color.text.accent.yellow.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#7EE2B8",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Green300"
  },
  "name": "color.text.accent.green.[default]",
  "path": ["color", "text", "accent", "green", "[default]"],
  "cleanName": "color.text.accent.green"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.7.0",
    "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#BAF3DB",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.7.0",
      "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Green200"
  },
  "name": "color.text.accent.green.bolder",
  "path": ["color", "text", "accent", "green", "bolder"],
  "cleanName": "color.text.accent.green.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#9DD9EE",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Teal300"
  },
  "name": "color.text.accent.teal.[default]",
  "path": ["color", "text", "accent", "teal", "[default]"],
  "cleanName": "color.text.accent.teal"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.7.0",
    "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#C6EDFB",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.7.0",
      "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Teal200"
  },
  "name": "color.text.accent.teal.bolder",
  "path": ["color", "text", "accent", "teal", "bolder"],
  "cleanName": "color.text.accent.teal.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#8FB8F6",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Blue300"
  },
  "name": "color.text.accent.blue.[default]",
  "path": ["color", "text", "accent", "blue", "[default]"],
  "cleanName": "color.text.accent.blue"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.7.0",
    "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#CFE1FD",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.7.0",
      "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Blue200"
  },
  "name": "color.text.accent.blue.bolder",
  "path": ["color", "text", "accent", "blue", "bolder"],
  "cleanName": "color.text.accent.blue.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#D8A0F7",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Purple300"
  },
  "name": "color.text.accent.purple.[default]",
  "path": ["color", "text", "accent", "purple", "[default]"],
  "cleanName": "color.text.accent.purple"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.7.0",
    "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#EED7FC",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.7.0",
      "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Purple200"
  },
  "name": "color.text.accent.purple.bolder",
  "path": ["color", "text", "accent", "purple", "bolder"],
  "cleanName": "color.text.accent.purple.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#F797D2",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Magenta300"
  },
  "name": "color.text.accent.magenta.[default]",
  "path": ["color", "text", "accent", "magenta", "[default]"],
  "cleanName": "color.text.accent.magenta"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.7.0",
    "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
  },
  "value": "#FDD0EC",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.7.0",
      "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
    },
    "value": "Magenta200"
  },
  "name": "color.text.accent.magenta.bolder",
  "path": ["color", "text", "accent", "magenta", "bolder"],
  "cleanName": "color.text.accent.magenta.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.10.5",
    "description": "Use for text on non-bold gray accent backgrounds, such as colored tags."
  },
  "value": "#A9ABAF",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.10.5",
      "description": "Use for text on non-bold gray accent backgrounds, such as colored tags."
    },
    "value": "DarkNeutral800"
  },
  "name": "color.text.accent.gray.[default]",
  "path": ["color", "text", "accent", "gray", "[default]"],
  "cleanName": "color.text.accent.gray"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.10.5",
    "description": "Use for text and icons on gray subtle accent backgrounds."
  },
  "value": "#E2E3E4",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.10.5",
      "description": "Use for text and icons on gray subtle accent backgrounds."
    },
    "value": "DarkNeutral1100"
  },
  "name": "color.text.accent.gray.bolder",
  "path": ["color", "text", "accent", "gray", "bolder"],
  "cleanName": "color.text.accent.gray.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.0.15",
    "description": "Use for text in a disabled state."
  },
  "value": "#E5E9F640",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.0.15",
      "description": "Use for text in a disabled state."
    },
    "value": "DarkNeutral400A"
  },
  "name": "color.text.disabled",
  "path": ["color", "text", "disabled"],
  "cleanName": "color.text.disabled"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for text on bold backgrounds."
  },
  "value": "#1F1F21",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for text on bold backgrounds."
    },
    "value": "DarkNeutral100"
  },
  "name": "color.text.inverse",
  "path": ["color", "text", "inverse"],
  "cleanName": "color.text.inverse"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
  },
  "value": "#669DF1",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for text in selected or opened states, such as tabs and dropdown buttons."
    },
    "value": "Blue400"
  },
  "name": "color.text.selected",
  "path": ["color", "text", "selected"],
  "cleanName": "color.text.selected"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for text that reinforces our brand."
  },
  "value": "#669DF1",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for text that reinforces our brand."
    },
    "value": "Blue400"
  },
  "name": "color.text.brand",
  "path": ["color", "text", "brand"],
  "cleanName": "color.text.brand"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.0.15",
    "description": "Use for critical text, such as input field error messaging."
  },
  "value": "#FD9891",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.0.15",
      "description": "Use for critical text, such as input field error messaging."
    },
    "value": "Red300"
  },
  "name": "color.text.danger.[default]",
  "path": ["color", "text", "danger", "[default]"],
  "cleanName": "color.text.danger"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "8.1.0",
    "description": "Use for text on top of danger semantic labels to ensure accessibility and desired visual appearance."
  },
  "value": "#FFD5D2",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "8.1.0",
      "description": "Use for text on top of danger semantic labels to ensure accessibility and desired visual appearance."
    },
    "value": "Red200"
  },
  "name": "color.text.danger.bolder",
  "path": ["color", "text", "danger", "bolder"],
  "cleanName": "color.text.danger.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.0.15",
    "description": "Use for text to emphasize caution, such as in moved lozenges."
  },
  "value": "#FBC828",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.0.15",
      "description": "Use for text to emphasize caution, such as in moved lozenges."
    },
    "value": "Orange300"
  },
  "name": "color.text.warning.[default]",
  "path": ["color", "text", "warning", "[default]"],
  "cleanName": "color.text.warning"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for text when on bold warning backgrounds."
  },
  "value": "#1F1F21",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for text when on bold warning backgrounds."
    },
    "value": "DarkNeutral100"
  },
  "name": "color.text.warning.inverse",
  "path": ["color", "text", "warning", "inverse"],
  "cleanName": "color.text.warning.inverse"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "8.1.0",
    "description": "Use for text on top of warning semantic labels to ensure accessibility and desired visual appearance."
  },
  "value": "#FCE4A6",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "8.1.0",
      "description": "Use for text on top of warning semantic labels to ensure accessibility and desired visual appearance."
    },
    "value": "Orange200"
  },
  "name": "color.text.warning.bolder",
  "path": ["color", "text", "warning", "bolder"],
  "cleanName": "color.text.warning.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.0.15",
    "description": "Use for text to communicate a favorable outcome, such as input field success messaging."
  },
  "value": "#B3DF72",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.0.15",
      "description": "Use for text to communicate a favorable outcome, such as input field success messaging."
    },
    "value": "Lime300"
  },
  "name": "color.text.success.[default]",
  "path": ["color", "text", "success", "[default]"],
  "cleanName": "color.text.success"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "8.1.0",
    "description": "Use for text on top of success semantic labels to ensure accessibility and desired visual appearance."
  },
  "value": "#D3F1A7",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "8.1.0",
      "description": "Use for text on top of success semantic labels to ensure accessibility and desired visual appearance."
    },
    "value": "Lime200"
  },
  "name": "color.text.success.bolder",
  "path": ["color", "text", "success", "bolder"],
  "cleanName": "color.text.success.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.0.15",
    "description": "Use for text to emphasize change or something new, such as in new lozenges."
  },
  "value": "#D8A0F7",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.0.15",
      "description": "Use for text to emphasize change or something new, such as in new lozenges."
    },
    "value": "Purple300"
  },
  "name": "color.text.discovery.[default]",
  "path": ["color", "text", "discovery", "[default]"],
  "cleanName": "color.text.discovery"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "8.1.0",
    "description": "Use for text on top of discovery semantic labels to ensure accessibility and desired visual appearance."
  },
  "value": "#EED7FC",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "8.1.0",
      "description": "Use for text on top of discovery semantic labels to ensure accessibility and desired visual appearance."
    },
    "value": "Purple200"
  },
  "name": "color.text.discovery.bolder",
  "path": ["color", "text", "discovery", "bolder"],
  "cleanName": "color.text.discovery.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
  },
  "value": "#8FB8F6",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for informative text or to communicate something is in progress, such as in-progress lozenges."
    },
    "value": "Blue300"
  },
  "name": "color.text.information.[default]",
  "path": ["color", "text", "information", "[default]"],
  "cleanName": "color.text.information"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "8.1.0",
    "description": "Use for text on top of information semantic labels to ensure accessibility and desired visual appearance."
  },
  "value": "#CFE1FD",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "8.1.0",
      "description": "Use for text on top of information semantic labels to ensure accessibility and desired visual appearance."
    },
    "value": "Blue200"
  },
  "name": "color.text.information.bolder",
  "path": ["color", "text", "information", "bolder"],
  "cleanName": "color.text.information.bolder"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
  },
  "value": "#96999E",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for tertiary text, such as meta-data, breadcrumbs, input field placeholder and helper text."
    },
    "value": "DarkNeutral700"
  },
  "name": "color.text.subtlest",
  "path": ["color", "text", "subtlest"],
  "cleanName": "color.text.subtlest"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
  },
  "value": "#A9ABAF",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for secondary text, such as navigation, subtle button links, input field labels, and all caps subheadings."
    },
    "value": "DarkNeutral800"
  },
  "name": "color.text.subtle",
  "path": ["color", "text", "subtle"],
  "cleanName": "color.text.subtle"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for links in a default or hovered state. Add an underline for hovered states."
  },
  "value": "#669DF1",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for links in a default or hovered state. Add an underline for hovered states."
    },
    "value": "Blue400"
  },
  "name": "color.link.[default]",
  "path": ["color", "link", "[default]"],
  "cleanName": "color.link"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for links in a pressed state."
  },
  "value": "#8FB8F6",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for links in a pressed state."
    },
    "value": "Blue300"
  },
  "name": "color.link.pressed",
  "path": ["color", "link", "pressed"],
  "cleanName": "color.link.pressed"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "1.23.0",
    "description": "Use for visited links."
  },
  "value": "#D8A0F7",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "1.23.0",
      "description": "Use for visited links."
    },
    "value": "Purple300"
  },
  "name": "color.link.visited.[default]",
  "path": ["color", "link", "visited", "[default]"],
  "cleanName": "color.link.visited"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "1.43.0",
    "description": "Use for visited links in a pressed state."
  },
  "value": "#EED7FC",
  "filePath": "schema/themes/atlassian-dark/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "1.43.0",
      "description": "Use for visited links in a pressed state."
    },
    "value": "Purple200"
  },
  "name": "color.link.visited.pressed",
  "path": ["color", "link", "visited", "pressed"],
  "cleanName": "color.link.visited.pressed"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for icon-only buttons, or icons paired with color.text"
  },
  "value": "#CECFD2",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icon-only buttons, or icons paired with color.text"
    },
    "value": "DarkNeutral1000"
  },
  "name": "color.icon.[default]",
  "path": ["color", "icon", "[default]"],
  "cleanName": "color.icon"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "1.6.0",
    "description": "Use for lime icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
  },
  "value": "#82B536",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "1.6.0",
      "description": "Use for lime icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
    },
    "value": "Lime500"
  },
  "name": "color.icon.accent.lime",
  "path": ["color", "icon", "accent", "lime"],
  "cleanName": "color.icon.accent.lime"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
  },
  "value": "#E2483D",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for red icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
    },
    "value": "Red600"
  },
  "name": "color.icon.accent.red",
  "path": ["color", "icon", "accent", "red"],
  "cleanName": "color.icon.accent.red"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
  },
  "value": "#F68909",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for orange icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
    },
    "value": "Orange500"
  },
  "name": "color.icon.accent.orange",
  "path": ["color", "icon", "accent", "orange"],
  "cleanName": "color.icon.accent.orange"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
  },
  "value": "#EED12B",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for yellow icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
    },
    "value": "Yellow300"
  },
  "name": "color.icon.accent.yellow",
  "path": ["color", "icon", "accent", "yellow"],
  "cleanName": "color.icon.accent.yellow"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
  },
  "value": "#2ABB7F",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for green icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
    },
    "value": "Green500"
  },
  "name": "color.icon.accent.green",
  "path": ["color", "icon", "accent", "green"],
  "cleanName": "color.icon.accent.green"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
  },
  "value": "#42B2D7",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for teal icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
    },
    "value": "Teal500"
  },
  "name": "color.icon.accent.teal",
  "path": ["color", "icon", "accent", "teal"],
  "cleanName": "color.icon.accent.teal"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
  },
  "value": "#4688EC",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for blue icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
    },
    "value": "Blue500"
  },
  "name": "color.icon.accent.blue",
  "path": ["color", "icon", "accent", "blue"],
  "cleanName": "color.icon.accent.blue"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
  },
  "value": "#BF63F3",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for purple icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
    },
    "value": "Purple500"
  },
  "name": "color.icon.accent.purple",
  "path": ["color", "icon", "accent", "purple"],
  "cleanName": "color.icon.accent.purple"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
  },
  "value": "#DA62AC",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for magenta icons on non-bold backgrounds when there is no meaning tied to the color, such as file type icons."
    },
    "value": "Magenta500"
  },
  "name": "color.icon.accent.magenta",
  "path": ["color", "icon", "accent", "magenta"],
  "cleanName": "color.icon.accent.magenta"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.10.5",
    "description": "Use for icons on non-bold gray accent backgrounds, such as file type icons."
  },
  "value": "#7E8188",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.10.5",
      "description": "Use for icons on non-bold gray accent backgrounds, such as file type icons."
    },
    "value": "DarkNeutral600"
  },
  "name": "color.icon.accent.gray",
  "path": ["color", "icon", "accent", "gray"],
  "cleanName": "color.icon.accent.gray"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for icons in a disabled state."
  },
  "value": "#E5E9F640",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons in a disabled state."
    },
    "value": "DarkNeutral400A"
  },
  "name": "color.icon.disabled",
  "path": ["color", "icon", "disabled"],
  "cleanName": "color.icon.disabled"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for icons on bold backgrounds."
  },
  "value": "#1F1F21",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons on bold backgrounds."
    },
    "value": "DarkNeutral100"
  },
  "name": "color.icon.inverse",
  "path": ["color", "icon", "inverse"],
  "cleanName": "color.icon.inverse"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.2",
    "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
  },
  "value": "#669DF1",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.2",
      "description": "Use for icons in selected or opened states, such as those used in dropdown buttons."
    },
    "value": "Blue400"
  },
  "name": "color.icon.selected",
  "path": ["color", "icon", "selected"],
  "cleanName": "color.icon.selected"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for icons that reinforce our brand."
  },
  "value": "#669DF1",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons that reinforce our brand."
    },
    "value": "Blue400"
  },
  "name": "color.icon.brand",
  "path": ["color", "icon", "brand"],
  "cleanName": "color.icon.brand"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for icons communicating critical information, such as those used in error handing."
  },
  "value": "#F15B50",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons communicating critical information, such as those used in error handing."
    },
    "value": "Red500"
  },
  "name": "color.icon.danger",
  "path": ["color", "icon", "danger"],
  "cleanName": "color.icon.danger"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for icons communicating caution, such as those used in warning section messages."
  },
  "value": "#FBC828",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons communicating caution, such as those used in warning section messages."
    },
    "value": "Orange300"
  },
  "name": "color.icon.warning.[default]",
  "path": ["color", "icon", "warning", "[default]"],
  "cleanName": "color.icon.warning"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for icons when on bold warning backgrounds."
  },
  "value": "#1F1F21",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons when on bold warning backgrounds."
    },
    "value": "DarkNeutral100"
  },
  "name": "color.icon.warning.inverse",
  "path": ["color", "icon", "warning", "inverse"],
  "cleanName": "color.icon.warning.inverse"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for icons communicating a favorable outcome, such as those used in success section messaged."
  },
  "value": "#82B536",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons communicating a favorable outcome, such as those used in success section messaged."
    },
    "value": "Lime500"
  },
  "name": "color.icon.success",
  "path": ["color", "icon", "success"],
  "cleanName": "color.icon.success"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for icons communicating change or something new, such as discovery section messages."
  },
  "value": "#BF63F3",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons communicating change or something new, such as discovery section messages."
    },
    "value": "Purple500"
  },
  "name": "color.icon.discovery",
  "path": ["color", "icon", "discovery"],
  "cleanName": "color.icon.discovery"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for icons communicating information or something in-progress, such as information section messages."
  },
  "value": "#4688EC",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons communicating information or something in-progress, such as information section messages."
    },
    "value": "Blue500"
  },
  "name": "color.icon.information",
  "path": ["color", "icon", "information"],
  "cleanName": "color.icon.information"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "1.54.0",
    "description": "Use for icons paired with color.text.subtlest"
  },
  "value": "#96999E",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "1.54.0",
      "description": "Use for icons paired with color.text.subtlest"
    },
    "value": "DarkNeutral700"
  },
  "name": "color.icon.subtlest",
  "path": ["color", "icon", "subtlest"],
  "cleanName": "color.icon.subtlest"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for icons paired with color.text.subtle"
  },
  "value": "#A9ABAF",
  "filePath": "schema/themes/atlassian-dark/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons paired with color.text.subtle"
    },
    "value": "DarkNeutral800"
  },
  "name": "color.icon.subtle",
  "path": ["color", "icon", "subtle"],
  "cleanName": "color.icon.subtle"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
  },
  "value": "#E3E4F21F",
  "filePath": "schema/themes/atlassian-dark/color/border.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use to visually group or separate UI elements, such as flat cards or side panel dividers."
    },
    "value": "DarkNeutral300A"
  },
  "name": "color.border.[default]",
  "path": ["color", "border", "[default]"],
  "cleanName": "color.border"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "1.6.0",
    "description": "Use for lime borders on non-bold backgrounds when there is no meaning tied to the color."
  },
  "value": "#82B536",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "1.6.0",
      "description": "Use for lime borders on non-bold backgrounds when there is no meaning tied to the color."
    },
    "value": "Lime500"
  },
  "name": "color.border.accent.lime.[default]",
  "path": ["color", "border", "accent", "lime", "[default]"],
  "cleanName": "color.border.accent.lime"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "13.2.0",
    "description": "Use for decorative lime borders that do not need to meet 3:1 contrast requirements."
  },
  "value": "#4C6B1F",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "13.2.0",
      "description": "Use for decorative lime borders that do not need to meet 3:1 contrast requirements."
    },
    "value": "Lime800"
  },
  "name": "color.border.accent.lime.subtle",
  "path": ["color", "border", "accent", "lime", "subtle"],
  "cleanName": "color.border.accent.lime.subtle"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
  },
  "value": "#F15B50",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for red borders on non-bold backgrounds when there is no meaning tied to the color."
    },
    "value": "Red500"
  },
  "name": "color.border.accent.red.[default]",
  "path": ["color", "border", "accent", "red", "[default]"],
  "cleanName": "color.border.accent.red"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "13.2.0",
    "description": "Use for decorative red borders that do not need to meet 3:1 contrast requirements."
  },
  "value": "#AE2E24",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "13.2.0",
      "description": "Use for decorative red borders that do not need to meet 3:1 contrast requirements."
    },
    "value": "Red800"
  },
  "name": "color.border.accent.red.subtle",
  "path": ["color", "border", "accent", "red", "subtle"],
  "cleanName": "color.border.accent.red.subtle"
}, {
  "attributes": {
    "group": "paint",
    "state": "active",
    "introduced": "0.6.0",
    "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color."
  },
  "value": "#F68909",
  "filePath": "schema/themes/atlassian-dark/color/accent.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for orange borders on non-bold backgrounds when there is no meaning tied to the color."
    },
    "value": "Orange500"
  },
  "name":