@atlaskit/tokens/dist/esm/artifacts/tokens-raw/atlassian-light.js

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

/**
 * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
 * @codegen <<SignedSource::98b136d064017ef654213f5ffa7fafa2>>
 * @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": "#292A2E",
  "filePath": "schema/themes/atlassian-light/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": "Neutral1000"
  },
  "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": "#4C6B1F",
  "filePath": "schema/themes/atlassian-light/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": "Lime800"
  },
  "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": "#37471F",
  "filePath": "schema/themes/atlassian-light/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": "Lime900"
  },
  "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": "#AE2E24",
  "filePath": "schema/themes/atlassian-light/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": "Red800"
  },
  "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": "#5D1F1A",
  "filePath": "schema/themes/atlassian-light/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": "Red900"
  },
  "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": "#9E4C00",
  "filePath": "schema/themes/atlassian-light/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": "Orange800"
  },
  "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": "#693200",
  "filePath": "schema/themes/atlassian-light/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": "Orange900"
  },
  "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": "#7F5F01",
  "filePath": "schema/themes/atlassian-light/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": "Yellow800"
  },
  "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": "#533F04",
  "filePath": "schema/themes/atlassian-light/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": "Yellow900"
  },
  "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": "#216E4E",
  "filePath": "schema/themes/atlassian-light/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": "Green800"
  },
  "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": "#164B35",
  "filePath": "schema/themes/atlassian-light/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": "Green900"
  },
  "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": "#206A83",
  "filePath": "schema/themes/atlassian-light/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": "Teal800"
  },
  "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": "#164555",
  "filePath": "schema/themes/atlassian-light/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": "Teal900"
  },
  "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": "#1558BC",
  "filePath": "schema/themes/atlassian-light/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": "Blue800"
  },
  "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": "#123263",
  "filePath": "schema/themes/atlassian-light/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": "Blue900"
  },
  "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": "#803FA5",
  "filePath": "schema/themes/atlassian-light/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": "Purple800"
  },
  "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": "#48245D",
  "filePath": "schema/themes/atlassian-light/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": "Purple900"
  },
  "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": "#943D73",
  "filePath": "schema/themes/atlassian-light/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": "Magenta800"
  },
  "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": "#50253F",
  "filePath": "schema/themes/atlassian-light/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": "Magenta900"
  },
  "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": "#505258",
  "filePath": "schema/themes/atlassian-light/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": "Neutral800"
  },
  "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": "#1E1F21",
  "filePath": "schema/themes/atlassian-light/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": "Neutral1100"
  },
  "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": "#080F214A",
  "filePath": "schema/themes/atlassian-light/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.0.15",
      "description": "Use for text in a disabled state."
    },
    "value": "Neutral400A"
  },
  "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": "#FFFFFF",
  "filePath": "schema/themes/atlassian-light/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for text on bold backgrounds."
    },
    "value": "Neutral0"
  },
  "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": "#1868DB",
  "filePath": "schema/themes/atlassian-light/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": "Blue700"
  },
  "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": "#1868DB",
  "filePath": "schema/themes/atlassian-light/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for text that reinforces our brand."
    },
    "value": "Blue700"
  },
  "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": "#AE2E24",
  "filePath": "schema/themes/atlassian-light/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": "Red800"
  },
  "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": "#5D1F1A",
  "filePath": "schema/themes/atlassian-light/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": "Red900"
  },
  "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": "#9E4C00",
  "filePath": "schema/themes/atlassian-light/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": "Orange800"
  },
  "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": "#292A2E",
  "filePath": "schema/themes/atlassian-light/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": "Neutral1000"
  },
  "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": "#693200",
  "filePath": "schema/themes/atlassian-light/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": "Orange900"
  },
  "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": "#4C6B1F",
  "filePath": "schema/themes/atlassian-light/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": "Lime800"
  },
  "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": "#37471F",
  "filePath": "schema/themes/atlassian-light/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": "Lime900"
  },
  "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": "#803FA5",
  "filePath": "schema/themes/atlassian-light/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": "Purple800"
  },
  "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": "#48245D",
  "filePath": "schema/themes/atlassian-light/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": "Purple900"
  },
  "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": "#1558BC",
  "filePath": "schema/themes/atlassian-light/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": "Blue800"
  },
  "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": "#123263",
  "filePath": "schema/themes/atlassian-light/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": "Blue900"
  },
  "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": "#6B6E76",
  "filePath": "schema/themes/atlassian-light/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": "Neutral700"
  },
  "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": "#505258",
  "filePath": "schema/themes/atlassian-light/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": "Neutral800"
  },
  "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": "#1868DB",
  "filePath": "schema/themes/atlassian-light/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": "Blue700"
  },
  "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": "#1558BC",
  "filePath": "schema/themes/atlassian-light/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for links in a pressed state."
    },
    "value": "Blue800"
  },
  "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": "#803FA5",
  "filePath": "schema/themes/atlassian-light/color/text.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "1.23.0",
      "description": "Use for visited links."
    },
    "value": "Purple800"
  },
  "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": "#48245D",
  "filePath": "schema/themes/atlassian-light/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": "Purple900"
  },
  "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": "#292A2E",
  "filePath": "schema/themes/atlassian-light/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": "Neutral1000"
  },
  "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": "#6A9A23",
  "filePath": "schema/themes/atlassian-light/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": "Lime600"
  },
  "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": "#C9372C",
  "filePath": "schema/themes/atlassian-light/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": "Red700"
  },
  "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": "#E06C00",
  "filePath": "schema/themes/atlassian-light/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": "Orange600"
  },
  "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": "#B38600",
  "filePath": "schema/themes/atlassian-light/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": "Yellow600"
  },
  "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": "#22A06B",
  "filePath": "schema/themes/atlassian-light/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": "Green600"
  },
  "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": "#2898BD",
  "filePath": "schema/themes/atlassian-light/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": "Teal600"
  },
  "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": "#357DE8",
  "filePath": "schema/themes/atlassian-light/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": "Blue600"
  },
  "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": "#AF59E1",
  "filePath": "schema/themes/atlassian-light/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": "Purple600"
  },
  "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": "#CD519D",
  "filePath": "schema/themes/atlassian-light/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": "Magenta600"
  },
  "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": "#7D818A",
  "filePath": "schema/themes/atlassian-light/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": "Neutral600"
  },
  "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": "#080F214A",
  "filePath": "schema/themes/atlassian-light/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons in a disabled state."
    },
    "value": "Neutral400A"
  },
  "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": "#FFFFFF",
  "filePath": "schema/themes/atlassian-light/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons on bold backgrounds."
    },
    "value": "Neutral0"
  },
  "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": "#1868DB",
  "filePath": "schema/themes/atlassian-light/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": "Blue700"
  },
  "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": "#1868DB",
  "filePath": "schema/themes/atlassian-light/color/icon.tsx",
  "isSource": true,
  "original": {
    "attributes": {
      "group": "paint",
      "state": "active",
      "introduced": "0.6.0",
      "description": "Use for icons that reinforce our brand."
    },
    "value": "Blue700"
  },
  "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": "#C9372C",
  "filePath": "schema/themes/atlassian-light/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": "Red700"
  },
  "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": "#E06C00",
  "filePath": "schema/themes/atlassian-light/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": "Orange600"
  },
  "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": "#292A2E",
  "filePath": "schema/themes/atlassian-light/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": "Neutral1000"
  },
  "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": "#6A9A23",
  "filePath": "schema/themes/atlassian-light/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": "Lime600"
  },
  "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": "#AF59E1",
  "filePath": "schema/themes/atlassian-light/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": "Purple600"
  },
  "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": "#357DE8",
  "filePath": "schema/themes/atlassian-light/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": "Blue600"
  },
  "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": "#6B6E76",
  "filePath": "schema/themes/atlassian-light/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": "Neutral700"
  },
  "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": "#505258",
  "filePath": "schema/themes/atlassian-light/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": "Neutral800"
  },
  "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": "#0B120E24",
  "filePath": "schema/themes/atlassian-light/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": "Neutral300A"
  },
  "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": "#6A9A23",
  "filePath": "schema/themes/atlassian-light/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": "Lime600"
  },
  "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": "#B3DF72",
  "filePath": "schema/themes/atlassian-light/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": "Lime300"
  },
  "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": "#E2483D",
  "filePath": "schema/themes/atlassian-light/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": "Red600"
  },
  "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": "#FD9891",
  "filePath": "schema/themes/atlassian-light/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": "Red300"
  },
  "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": "#E06C00",
  "filePath": "schema/themes/atlassian-light/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": "Orange600"
  },
  "name": "color.border.accent.orange.[default]",
  "path": ["color", "border", "accent", "orange", "[default]