@atlaskit/tokens
Version:
Design tokens are the single source of truth to name and store design decisions.
1,483 lines (1,481 loc) • 316 kB
JavaScript
"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::a1882f4b4e3305935325d612a706f4d0>>
* @codegenCommand yarn build tokens
*/
var tokens = [{
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.6.0",
"description": "Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "#EFFFD6",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.6.0",
"description": "Use for for backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "Lime100"
},
"name": "color.background.accent.lime.subtlest.[default]",
"path": ["color", "background", "accent", "lime", "subtlest", "[default]"],
"cleanName": "color.background.accent.lime.subtlest"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.lime.subtlest."
},
"value": "#D3F1A7",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.lime.subtlest."
},
"value": "Lime200"
},
"name": "color.background.accent.lime.subtlest.hovered",
"path": ["color", "background", "accent", "lime", "subtlest", "hovered"],
"cleanName": "color.background.accent.lime.subtlest.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.lime.subtlest."
},
"value": "#BDE97C",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.lime.subtlest."
},
"value": "Lime250"
},
"name": "color.background.accent.lime.subtlest.pressed",
"path": ["color", "background", "accent", "lime", "subtlest", "pressed"],
"cleanName": "color.background.accent.lime.subtlest.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.6.0",
"description": "Use for for backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#D3F1A7",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.6.0",
"description": "Use for for backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Lime200"
},
"name": "color.background.accent.lime.subtler.[default]",
"path": ["color", "background", "accent", "lime", "subtler", "[default]"],
"cleanName": "color.background.accent.lime.subtler"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.lime.subtler."
},
"value": "#BDE97C",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.lime.subtler."
},
"value": "Lime250"
},
"name": "color.background.accent.lime.subtler.hovered",
"path": ["color", "background", "accent", "lime", "subtler", "hovered"],
"cleanName": "color.background.accent.lime.subtler.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.lime.subtler."
},
"value": "#B3DF72",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.lime.subtler."
},
"value": "Lime300"
},
"name": "color.background.accent.lime.subtler.pressed",
"path": ["color", "background", "accent", "lime", "subtler", "pressed"],
"cleanName": "color.background.accent.lime.subtler.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.6.0",
"description": "Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#94C748",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.6.0",
"description": "Use for vibrant for backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Lime400"
},
"name": "color.background.accent.lime.subtle.[default]",
"path": ["color", "background", "accent", "lime", "subtle", "[default]"],
"cleanName": "color.background.accent.lime.subtle"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.lime.subtle."
},
"value": "#B3DF72",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.lime.subtle."
},
"value": "Lime300"
},
"name": "color.background.accent.lime.subtle.hovered",
"path": ["color", "background", "accent", "lime", "subtle", "hovered"],
"cleanName": "color.background.accent.lime.subtle.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.lime.subtle."
},
"value": "#BDE97C",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.lime.subtle."
},
"value": "Lime250"
},
"name": "color.background.accent.lime.subtle.pressed",
"path": ["color", "background", "accent", "lime", "subtle", "pressed"],
"cleanName": "color.background.accent.lime.subtle.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.6.0",
"description": "Use for for backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
},
"value": "#5B7F24",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.6.0",
"description": "Use for for backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
},
"value": "Lime700"
},
"name": "color.background.accent.lime.bolder.[default]",
"path": ["color", "background", "accent", "lime", "bolder", "[default]"],
"cleanName": "color.background.accent.lime.bolder"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.lime.bolder."
},
"value": "#4C6B1F",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.lime.bolder."
},
"value": "Lime800"
},
"name": "color.background.accent.lime.bolder.hovered",
"path": ["color", "background", "accent", "lime", "bolder", "hovered"],
"cleanName": "color.background.accent.lime.bolder.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.lime.bolder."
},
"value": "#3F5224",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.lime.bolder."
},
"value": "Lime850"
},
"name": "color.background.accent.lime.bolder.pressed",
"path": ["color", "background", "accent", "lime", "bolder", "pressed"],
"cleanName": "color.background.accent.lime.bolder.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "#FFECEB",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for red backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "Red100"
},
"name": "color.background.accent.red.subtlest.[default]",
"path": ["color", "background", "accent", "red", "subtlest", "[default]"],
"cleanName": "color.background.accent.red.subtlest"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.red.subtlest."
},
"value": "#FFD5D2",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.red.subtlest."
},
"value": "Red200"
},
"name": "color.background.accent.red.subtlest.hovered",
"path": ["color", "background", "accent", "red", "subtlest", "hovered"],
"cleanName": "color.background.accent.red.subtlest.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.red.subtlest."
},
"value": "#FFB8B2",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.red.subtlest."
},
"value": "Red250"
},
"name": "color.background.accent.red.subtlest.pressed",
"path": ["color", "background", "accent", "red", "subtlest", "pressed"],
"cleanName": "color.background.accent.red.subtlest.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#FFD5D2",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for red backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Red200"
},
"name": "color.background.accent.red.subtler.[default]",
"path": ["color", "background", "accent", "red", "subtler", "[default]"],
"cleanName": "color.background.accent.red.subtler"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.red.subtler."
},
"value": "#FFB8B2",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.red.subtler."
},
"value": "Red250"
},
"name": "color.background.accent.red.subtler.hovered",
"path": ["color", "background", "accent", "red", "subtler", "hovered"],
"cleanName": "color.background.accent.red.subtler.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.red.subtler."
},
"value": "#FD9891",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.red.subtler."
},
"value": "Red300"
},
"name": "color.background.accent.red.subtler.pressed",
"path": ["color", "background", "accent", "red", "subtler", "pressed"],
"cleanName": "color.background.accent.red.subtler.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#F87168",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for vibrant red backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Red400"
},
"name": "color.background.accent.red.subtle.[default]",
"path": ["color", "background", "accent", "red", "subtle", "[default]"],
"cleanName": "color.background.accent.red.subtle"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.red.subtle."
},
"value": "#FD9891",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.red.subtle."
},
"value": "Red300"
},
"name": "color.background.accent.red.subtle.hovered",
"path": ["color", "background", "accent", "red", "subtle", "hovered"],
"cleanName": "color.background.accent.red.subtle.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.red.subtle."
},
"value": "#FFB8B2",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.red.subtle."
},
"value": "Red250"
},
"name": "color.background.accent.red.subtle.pressed",
"path": ["color", "background", "accent", "red", "subtle", "pressed"],
"cleanName": "color.background.accent.red.subtle.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
},
"value": "#C9372C",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for red backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
},
"value": "Red700"
},
"name": "color.background.accent.red.bolder.[default]",
"path": ["color", "background", "accent", "red", "bolder", "[default]"],
"cleanName": "color.background.accent.red.bolder"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.red.bolder."
},
"value": "#AE2E24",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.red.bolder."
},
"value": "Red800"
},
"name": "color.background.accent.red.bolder.hovered",
"path": ["color", "background", "accent", "red", "bolder", "hovered"],
"cleanName": "color.background.accent.red.bolder.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.red.bolder."
},
"value": "#872821",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.red.bolder."
},
"value": "Red850"
},
"name": "color.background.accent.red.bolder.pressed",
"path": ["color", "background", "accent", "red", "bolder", "pressed"],
"cleanName": "color.background.accent.red.bolder.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "#FFF5DB",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for orange backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "Orange100"
},
"name": "color.background.accent.orange.subtlest.[default]",
"path": ["color", "background", "accent", "orange", "subtlest", "[default]"],
"cleanName": "color.background.accent.orange.subtlest"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.orange.subtlest."
},
"value": "#FCE4A6",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.orange.subtlest."
},
"value": "Orange200"
},
"name": "color.background.accent.orange.subtlest.hovered",
"path": ["color", "background", "accent", "orange", "subtlest", "hovered"],
"cleanName": "color.background.accent.orange.subtlest.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.orange.subtlest."
},
"value": "#FBD779",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.orange.subtlest."
},
"value": "Orange250"
},
"name": "color.background.accent.orange.subtlest.pressed",
"path": ["color", "background", "accent", "orange", "subtlest", "pressed"],
"cleanName": "color.background.accent.orange.subtlest.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#FCE4A6",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for orange backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Orange200"
},
"name": "color.background.accent.orange.subtler.[default]",
"path": ["color", "background", "accent", "orange", "subtler", "[default]"],
"cleanName": "color.background.accent.orange.subtler"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.orange.subtler."
},
"value": "#FBD779",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.orange.subtler."
},
"value": "Orange250"
},
"name": "color.background.accent.orange.subtler.hovered",
"path": ["color", "background", "accent", "orange", "subtler", "hovered"],
"cleanName": "color.background.accent.orange.subtler.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.orange.subtler."
},
"value": "#FBC828",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.orange.subtler."
},
"value": "Orange300"
},
"name": "color.background.accent.orange.subtler.pressed",
"path": ["color", "background", "accent", "orange", "subtler", "pressed"],
"cleanName": "color.background.accent.orange.subtler.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#FCA700",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for vibrant orange backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Orange400"
},
"name": "color.background.accent.orange.subtle.[default]",
"path": ["color", "background", "accent", "orange", "subtle", "[default]"],
"cleanName": "color.background.accent.orange.subtle"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.orange.subtle."
},
"value": "#FBC828",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.orange.subtle."
},
"value": "Orange300"
},
"name": "color.background.accent.orange.subtle.hovered",
"path": ["color", "background", "accent", "orange", "subtle", "hovered"],
"cleanName": "color.background.accent.orange.subtle.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.orange.subtle."
},
"value": "#FBD779",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.orange.subtle."
},
"value": "Orange250"
},
"name": "color.background.accent.orange.subtle.pressed",
"path": ["color", "background", "accent", "orange", "subtle", "pressed"],
"cleanName": "color.background.accent.orange.subtle.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
},
"value": "#BD5B00",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for orange backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
},
"value": "Orange700"
},
"name": "color.background.accent.orange.bolder.[default]",
"path": ["color", "background", "accent", "orange", "bolder", "[default]"],
"cleanName": "color.background.accent.orange.bolder"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.orange.bolder."
},
"value": "#9E4C00",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.orange.bolder."
},
"value": "Orange800"
},
"name": "color.background.accent.orange.bolder.hovered",
"path": ["color", "background", "accent", "orange", "bolder", "hovered"],
"cleanName": "color.background.accent.orange.bolder.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.orange.bolder."
},
"value": "#7A3B00",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.orange.bolder."
},
"value": "Orange850"
},
"name": "color.background.accent.orange.bolder.pressed",
"path": ["color", "background", "accent", "orange", "bolder", "pressed"],
"cleanName": "color.background.accent.orange.bolder.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "#FEF7C8",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for yellow backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "Yellow100"
},
"name": "color.background.accent.yellow.subtlest.[default]",
"path": ["color", "background", "accent", "yellow", "subtlest", "[default]"],
"cleanName": "color.background.accent.yellow.subtlest"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.yellow.subtlest."
},
"value": "#F5E989",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.yellow.subtlest."
},
"value": "Yellow200"
},
"name": "color.background.accent.yellow.subtlest.hovered",
"path": ["color", "background", "accent", "yellow", "subtlest", "hovered"],
"cleanName": "color.background.accent.yellow.subtlest.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.yellow.subtlest."
},
"value": "#EFDD4E",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.yellow.subtlest."
},
"value": "Yellow250"
},
"name": "color.background.accent.yellow.subtlest.pressed",
"path": ["color", "background", "accent", "yellow", "subtlest", "pressed"],
"cleanName": "color.background.accent.yellow.subtlest.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#F5E989",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for yellow backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Yellow200"
},
"name": "color.background.accent.yellow.subtler.[default]",
"path": ["color", "background", "accent", "yellow", "subtler", "[default]"],
"cleanName": "color.background.accent.yellow.subtler"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.yellow.subtler."
},
"value": "#EFDD4E",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.yellow.subtler."
},
"value": "Yellow250"
},
"name": "color.background.accent.yellow.subtler.hovered",
"path": ["color", "background", "accent", "yellow", "subtler", "hovered"],
"cleanName": "color.background.accent.yellow.subtler.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.yellow.subtler."
},
"value": "#EED12B",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.yellow.subtler."
},
"value": "Yellow300"
},
"name": "color.background.accent.yellow.subtler.pressed",
"path": ["color", "background", "accent", "yellow", "subtler", "pressed"],
"cleanName": "color.background.accent.yellow.subtler.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#EED12B",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for vibrant yellow backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Yellow300"
},
"name": "color.background.accent.yellow.subtle.[default]",
"path": ["color", "background", "accent", "yellow", "subtle", "[default]"],
"cleanName": "color.background.accent.yellow.subtle"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.yellow.subtle."
},
"value": "#DDB30E",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.yellow.subtle."
},
"value": "Yellow400"
},
"name": "color.background.accent.yellow.subtle.hovered",
"path": ["color", "background", "accent", "yellow", "subtle", "hovered"],
"cleanName": "color.background.accent.yellow.subtle.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.yellow.subtle."
},
"value": "#EFDD4E",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.yellow.subtle."
},
"value": "Yellow250"
},
"name": "color.background.accent.yellow.subtle.pressed",
"path": ["color", "background", "accent", "yellow", "subtle", "pressed"],
"cleanName": "color.background.accent.yellow.subtle.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
},
"value": "#946F00",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for yellow backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
},
"value": "Yellow700"
},
"name": "color.background.accent.yellow.bolder.[default]",
"path": ["color", "background", "accent", "yellow", "bolder", "[default]"],
"cleanName": "color.background.accent.yellow.bolder"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.yellow.bolder."
},
"value": "#7F5F01",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.yellow.bolder."
},
"value": "Yellow800"
},
"name": "color.background.accent.yellow.bolder.hovered",
"path": ["color", "background", "accent", "yellow", "bolder", "hovered"],
"cleanName": "color.background.accent.yellow.bolder.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.yellow.bolder."
},
"value": "#614A05",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.yellow.bolder."
},
"value": "Yellow850"
},
"name": "color.background.accent.yellow.bolder.pressed",
"path": ["color", "background", "accent", "yellow", "bolder", "pressed"],
"cleanName": "color.background.accent.yellow.bolder.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "#DCFFF1",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for green backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "Green100"
},
"name": "color.background.accent.green.subtlest.[default]",
"path": ["color", "background", "accent", "green", "subtlest", "[default]"],
"cleanName": "color.background.accent.green.subtlest"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.green.subtlest."
},
"value": "#BAF3DB",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.green.subtlest."
},
"value": "Green200"
},
"name": "color.background.accent.green.subtlest.hovered",
"path": ["color", "background", "accent", "green", "subtlest", "hovered"],
"cleanName": "color.background.accent.green.subtlest.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.green.subtlest."
},
"value": "#97EDC9",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.green.subtlest."
},
"value": "Green250"
},
"name": "color.background.accent.green.subtlest.pressed",
"path": ["color", "background", "accent", "green", "subtlest", "pressed"],
"cleanName": "color.background.accent.green.subtlest.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#BAF3DB",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for green backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Green200"
},
"name": "color.background.accent.green.subtler.[default]",
"path": ["color", "background", "accent", "green", "subtler", "[default]"],
"cleanName": "color.background.accent.green.subtler"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.green.subtler."
},
"value": "#97EDC9",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.green.subtler."
},
"value": "Green250"
},
"name": "color.background.accent.green.subtler.hovered",
"path": ["color", "background", "accent", "green", "subtler", "hovered"],
"cleanName": "color.background.accent.green.subtler.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.green.subtler."
},
"value": "#7EE2B8",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.green.subtler."
},
"value": "Green300"
},
"name": "color.background.accent.green.subtler.pressed",
"path": ["color", "background", "accent", "green", "subtler", "pressed"],
"cleanName": "color.background.accent.green.subtler.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#4BCE97",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for vibrant green backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Green400"
},
"name": "color.background.accent.green.subtle.[default]",
"path": ["color", "background", "accent", "green", "subtle", "[default]"],
"cleanName": "color.background.accent.green.subtle"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.green.subtle."
},
"value": "#7EE2B8",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.green.subtle."
},
"value": "Green300"
},
"name": "color.background.accent.green.subtle.hovered",
"path": ["color", "background", "accent", "green", "subtle", "hovered"],
"cleanName": "color.background.accent.green.subtle.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.green.subtle."
},
"value": "#97EDC9",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.green.subtle."
},
"value": "Green250"
},
"name": "color.background.accent.green.subtle.pressed",
"path": ["color", "background", "accent", "green", "subtle", "pressed"],
"cleanName": "color.background.accent.green.subtle.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
},
"value": "#1F845A",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for green backgrounds when there is no meaning tied to the color, and the background needs to pass min 3:1 contrast requirements."
},
"value": "Green700"
},
"name": "color.background.accent.green.bolder.[default]",
"path": ["color", "background", "accent", "green", "bolder", "[default]"],
"cleanName": "color.background.accent.green.bolder"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.green.bolder."
},
"value": "#216E4E",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.green.bolder."
},
"value": "Green800"
},
"name": "color.background.accent.green.bolder.hovered",
"path": ["color", "background", "accent", "green", "bolder", "hovered"],
"cleanName": "color.background.accent.green.bolder.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.green.bolder."
},
"value": "#19573D",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.green.bolder."
},
"value": "Green850"
},
"name": "color.background.accent.green.bolder.pressed",
"path": ["color", "background", "accent", "green", "bolder", "pressed"],
"cleanName": "color.background.accent.green.bolder.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "#E7F9FF",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for teal backgrounds when there is no meaning tied to the color. Reserved for when you only want a hint of color."
},
"value": "Teal100"
},
"name": "color.background.accent.teal.subtlest.[default]",
"path": ["color", "background", "accent", "teal", "subtlest", "[default]"],
"cleanName": "color.background.accent.teal.subtlest"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.teal.subtlest."
},
"value": "#C6EDFB",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.teal.subtlest."
},
"value": "Teal200"
},
"name": "color.background.accent.teal.subtlest.hovered",
"path": ["color", "background", "accent", "teal", "subtlest", "hovered"],
"cleanName": "color.background.accent.teal.subtlest.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.teal.subtlest."
},
"value": "#B1E4F7",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.teal.subtlest."
},
"value": "Teal250"
},
"name": "color.background.accent.teal.subtlest.pressed",
"path": ["color", "background", "accent", "teal", "subtlest", "pressed"],
"cleanName": "color.background.accent.teal.subtlest.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#C6EDFB",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for teal backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Teal200"
},
"name": "color.background.accent.teal.subtler.[default]",
"path": ["color", "background", "accent", "teal", "subtler", "[default]"],
"cleanName": "color.background.accent.teal.subtler"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.teal.subtler."
},
"value": "#B1E4F7",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Hovered state of color.background.accent.teal.subtler."
},
"value": "Teal250"
},
"name": "color.background.accent.teal.subtler.hovered",
"path": ["color", "background", "accent", "teal", "subtler", "hovered"],
"cleanName": "color.background.accent.teal.subtler.hovered"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.teal.subtler."
},
"value": "#9DD9EE",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "1.19.0",
"description": "Pressed state of color.background.accent.teal.subtler."
},
"value": "Teal300"
},
"name": "color.background.accent.teal.subtler.pressed",
"path": ["color", "background", "accent", "teal", "subtler", "pressed"],
"cleanName": "color.background.accent.teal.subtler.pressed"
}, {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "#6CC3E0",
"filePath": "schema/themes/atlassian-light/color/accent.tsx",
"isSource": true,
"original": {
"attributes": {
"group": "paint",
"state": "active",
"introduced": "0.7.0",
"description": "Use for vibrant teal backgrounds when there is no meaning tied to the color, such as colored tags."
},
"value": "Teal400"
}