{ "ansi-black": { "key": "{ansi.black}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#2f3742" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.6}", "$type": "color", "$description": "ANSI black for terminal text and backgrounds", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.6}" } }, "key": "{ansi.black}" }, "name": "ansi-black", "attributes": {}, "path": ["ansi", "black"], "value": "#2f3742", "type": "color", "description": "ANSI black for terminal text and backgrounds" }, "ansi-blackBright": { "key": "{ansi.blackBright}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#656c76" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$description": "ANSI bright black (dark gray) for dimmed terminal text", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.8}" } }, "key": "{ansi.blackBright}" }, "name": "ansi-blackBright", "attributes": {}, "path": ["ansi", "blackBright"], "value": "#656c76", "type": "color", "description": "ANSI bright black (dark gray) for dimmed terminal text" }, "ansi-blue": { "key": "{ansi.blue}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#58a6ff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.blue.3}", "$type": "color", "$description": "ANSI blue for informational terminal text", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.blue.3}" } }, "key": "{ansi.blue}" }, "name": "ansi-blue", "attributes": {}, "path": ["ansi", "blue"], "value": "#58a6ff", "type": "color", "description": "ANSI blue for informational terminal text" }, "ansi-blueBright": { "key": "{ansi.blueBright}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#79c0ff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.blue.2}", "$type": "color", "$description": "ANSI bright blue for highlighted info in terminal", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.blue.2}" } }, "key": "{ansi.blueBright}" }, "name": "ansi-blueBright", "attributes": {}, "path": ["ansi", "blueBright"], "value": "#79c0ff", "type": "color", "description": "ANSI bright blue for highlighted info in terminal" }, "ansi-cyan": { "key": "{ansi.cyan}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#39c5cf" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "#39c5cf", "$type": "color", "$description": "ANSI cyan for terminal text", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#39c5cf" } }, "key": "{ansi.cyan}" }, "name": "ansi-cyan", "attributes": {}, "path": ["ansi", "cyan"], "value": "#39c5cf", "type": "color", "description": "ANSI cyan for terminal text" }, "ansi-cyanBright": { "key": "{ansi.cyanBright}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#56d4dd" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "#56d4dd", "$type": "color", "$description": "ANSI bright cyan for highlighted terminal text", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#56d4dd" } }, "key": "{ansi.cyanBright}" }, "name": "ansi-cyanBright", "attributes": {}, "path": ["ansi", "cyanBright"], "value": "#56d4dd", "type": "color", "description": "ANSI bright cyan for highlighted terminal text" }, "ansi-gray": { "key": "{ansi.gray}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#656c76" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$description": "ANSI gray for secondary terminal text", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.8}" } }, "key": "{ansi.gray}" }, "name": "ansi-gray", "attributes": {}, "path": ["ansi", "gray"], "value": "#656c76", "type": "color", "description": "ANSI gray for secondary terminal text" }, "ansi-green": { "key": "{ansi.green}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#3fb950", "dark-tritanopia": "#58a6ff", "dark-tritanopia-high-contrast": "#58a6ff", "light-tritanopia": "#1158c7", "light-tritanopia-high-contrast": "#1158c7", "dark-protanopia-deuteranopia": "#58a6ff", "dark-protanopia-deuteranopia-high-contrast": "#58a6ff", "light-protanopia-deuteranopia": "#1158c7", "light-protanopia-deuteranopia-high-contrast": "#1158c7" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.green.3}", "$type": "color", "$description": "ANSI green for success indicators in terminal", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.green.3}", "dark-tritanopia": "{base.color.blue.3}", "dark-tritanopia-high-contrast": "{base.color.blue.3}", "light-tritanopia": "{base.color.blue.6}", "light-tritanopia-high-contrast": "{base.color.blue.6}", "dark-protanopia-deuteranopia": "{base.color.blue.3}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.3}", "light-protanopia-deuteranopia": "{base.color.blue.6}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.6}" } }, "key": "{ansi.green}" }, "name": "ansi-green", "attributes": {}, "path": ["ansi", "green"], "value": "#3fb950", "type": "color", "description": "ANSI green for success indicators in terminal" }, "ansi-greenBright": { "key": "{ansi.greenBright}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#56d364", "dark-tritanopia": "#79c0ff", "dark-tritanopia-high-contrast": "#79c0ff", "light-tritanopia": "#1f6feb", "light-tritanopia-high-contrast": "#1f6feb", "dark-protanopia-deuteranopia": "#79c0ff", "dark-protanopia-deuteranopia-high-contrast": "#79c0ff", "light-protanopia-deuteranopia": "#1f6feb", "light-protanopia-deuteranopia-high-contrast": "#1f6feb" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.green.2}", "$type": "color", "$description": "ANSI bright green for highlighted success in terminal", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.green.2}", "dark-tritanopia": "{base.color.blue.2}", "dark-tritanopia-high-contrast": "{base.color.blue.2}", "light-tritanopia": "{base.color.blue.5}", "light-tritanopia-high-contrast": "{base.color.blue.5}", "dark-protanopia-deuteranopia": "{base.color.blue.2}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.2}", "light-protanopia-deuteranopia": "{base.color.blue.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.5}" } }, "key": "{ansi.greenBright}" }, "name": "ansi-greenBright", "attributes": {}, "path": ["ansi", "greenBright"], "value": "#56d364", "type": "color", "description": "ANSI bright green for highlighted success in terminal" }, "ansi-magenta": { "key": "{ansi.magenta}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#be8fff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.purple.3}", "$type": "color", "$description": "ANSI magenta for special terminal text", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.purple.3}" } }, "key": "{ansi.magenta}" }, "name": "ansi-magenta", "attributes": {}, "path": ["ansi", "magenta"], "value": "#be8fff", "type": "color", "description": "ANSI magenta for special terminal text" }, "ansi-magentaBright": { "key": "{ansi.magentaBright}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#d2a8ff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.purple.2}", "$type": "color", "$description": "ANSI bright magenta for highlighted special text", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.purple.2}" } }, "key": "{ansi.magentaBright}" }, "name": "ansi-magentaBright", "attributes": {}, "path": ["ansi", "magentaBright"], "value": "#d2a8ff", "type": "color", "description": "ANSI bright magenta for highlighted special text" }, "ansi-red": { "key": "{ansi.red}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#ff7b72", "dark-protanopia-deuteranopia": "#f0883e", "dark-protanopia-deuteranopia-high-contrast": "#f0883e", "light-protanopia-deuteranopia": "#bd561d", "light-protanopia-deuteranopia-high-contrast": "#bd561d" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.red.3}", "$type": "color", "$description": "ANSI red for errors and alerts in terminal output", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.red.3}", "dark-protanopia-deuteranopia": "{base.color.orange.3}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.3}", "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}" } }, "key": "{ansi.red}" }, "name": "ansi-red", "attributes": {}, "path": ["ansi", "red"], "value": "#ff7b72", "type": "color", "description": "ANSI red for errors and alerts in terminal output" }, "ansi-redBright": { "key": "{ansi.redBright}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#ffa198", "dark-protanopia-deuteranopia": "#ffa657", "dark-protanopia-deuteranopia-high-contrast": "#ffa657", "light-protanopia-deuteranopia": "#9b4215", "light-protanopia-deuteranopia-high-contrast": "#9b4215" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.red.2}", "$type": "color", "$description": "ANSI bright red for highlighted errors in terminal", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.red.2}", "dark-protanopia-deuteranopia": "{base.color.orange.2}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.2}", "light-protanopia-deuteranopia": "{base.color.orange.6}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.6}" } }, "key": "{ansi.redBright}" }, "name": "ansi-redBright", "attributes": {}, "path": ["ansi", "redBright"], "value": "#ffa198", "type": "color", "description": "ANSI bright red for highlighted errors in terminal" }, "ansi-white": { "key": "{ansi.white}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$description": "ANSI white for terminal text", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.12}" } }, "key": "{ansi.white}" }, "name": "ansi-white", "attributes": {}, "path": ["ansi", "white"], "value": "#f0f6fc", "type": "color", "description": "ANSI white for terminal text" }, "ansi-whiteBright": { "key": "{ansi.whiteBright}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#ffffff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$description": "ANSI bright white for emphasized terminal text", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.13}" } }, "key": "{ansi.whiteBright}" }, "name": "ansi-whiteBright", "attributes": {}, "path": ["ansi", "whiteBright"], "value": "#ffffff", "type": "color", "description": "ANSI bright white for emphasized terminal text" }, "ansi-yellow": { "key": "{ansi.yellow}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#d29922" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.yellow.3}", "$type": "color", "$description": "ANSI yellow for warnings in terminal output", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.yellow.3}" } }, "key": "{ansi.yellow}" }, "name": "ansi-yellow", "attributes": {}, "path": ["ansi", "yellow"], "value": "#d29922", "type": "color", "description": "ANSI yellow for warnings in terminal output" }, "ansi-yellowBright": { "key": "{ansi.yellowBright}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#e3b341" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.yellow.2}", "$type": "color", "$description": "ANSI bright yellow for highlighted warnings in terminal", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.yellow.2}" } }, "key": "{ansi.yellowBright}" }, "name": "ansi-yellowBright", "attributes": {}, "path": ["ansi", "yellowBright"], "value": "#e3b341", "type": "color", "description": "ANSI bright yellow for highlighted warnings in terminal" }, "avatar-bgColor": { "key": "{avatar.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff", "alpha": 0.1, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "alpha": 0.1, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.13}", "alpha": 0.1, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.1, "key": "{avatar.bgColor}" }, "name": "avatar-bgColor", "attributes": {}, "path": ["avatar", "bgColor"], "value": "#ffffff1a", "type": "color" }, "avatar-borderColor": { "key": "{avatar.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "original": { "$value": "{borderColor.translucent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" } } }, "key": "{avatar.borderColor}" }, "name": "avatar-borderColor", "attributes": {}, "path": ["avatar", "borderColor"], "value": "#ffffff26", "type": "color" }, "avatar-shadow": { "key": "{avatar.shadow}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "#0d1117", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 2, "unit": "px" } } ], "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "shadow" } } }, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "original": { "$value": [ { "color": "{base.color.neutral.1}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 2, "unit": "px" } } ], "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "{base.color.neutral.1}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 2, "unit": "px" } } ], "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "shadow" } } }, "key": "{avatar.shadow}" }, "name": "avatar-shadow", "attributes": {}, "path": ["avatar", "shadow"], "value": "0 0 0 2px #0d1117", "type": "shadow" }, "avatarStack-fade-bgColor-default": { "key": "{avatarStack.fade.bgColor.default}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/avatarStack.json5", "isSource": true, "original": { "$value": "{base.color.neutral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{avatarStack.fade.bgColor.default}" }, "name": "avatarStack-fade-bgColor-default", "attributes": {}, "path": ["avatarStack", "fade", "bgColor", "default"], "value": "#3d444d", "type": "color" }, "avatarStack-fade-bgColor-muted": { "key": "{avatarStack.fade.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/avatarStack.json5", "isSource": true, "original": { "$value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{avatarStack.fade.bgColor.muted}" }, "name": "avatarStack-fade-bgColor-muted", "attributes": {}, "path": ["avatarStack", "fade", "bgColor", "muted"], "value": "#2a313c", "type": "color" }, "bgColor-accent-emphasis": { "key": "{bgColor.accent.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" } }, "org.primer.overrides": { "dark": "#1f6feb", "dark-high-contrast": "#051d4d", "dark-dimmed-high-contrast": "#0d419d", "dark-tritanopia-high-contrast": "#051d4d", "dark-protanopia-deuteranopia-high-contrast": "#051d4d" }, "org.primer.llm": { "usage": ["active-states", "current", "selected", "active-toggle"], "rules": "MUST use for selected or active states. Pair with fgColor.onEmphasis for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.blue.5}", "$type": "color", "$description": "Strong accent background for active states and focused states", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-accent-emphasis) /* utility class: .color-bg-accent-emphasis */" } }, "org.primer.overrides": { "dark": "{base.color.blue.5}", "dark-high-contrast": "{base.color.blue.9}", "dark-dimmed-high-contrast": "{base.color.blue.7}", "dark-tritanopia-high-contrast": "{base.color.blue.9}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.9}" }, "org.primer.llm": { "usage": ["active-states", "current", "selected", "active-toggle"], "rules": "MUST use for selected or active states. Pair with fgColor.onEmphasis for text." } }, "key": "{bgColor.accent.emphasis}" }, "name": "bgColor-accent-emphasis", "attributes": {}, "path": ["bgColor", "accent", "emphasis"], "value": "#1f6feb", "type": "color", "description": "Strong accent background for active states and focused states" }, "bgColor-accent-muted": { "key": "{bgColor.accent.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" } }, "org.primer.overrides": { "dark": { "$value": "#388bfd", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["selected-row", "info-banner", "active-nav-item", "highlight"], "rules": "Use for selected states or informational highlights. Pair with fgColor.accent for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.1, "original": { "$value": "{base.color.blue.4}", "$type": "color", "$description": "Subtle accent background for informational or selected elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-accent-muted) /* utility class: .color-bg-accent */" } }, "org.primer.overrides": { "dark": { "$value": "{base.color.blue.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["selected-row", "info-banner", "active-nav-item", "highlight"], "rules": "Use for selected states or informational highlights. Pair with fgColor.accent for text." } }, "alpha": 0.1, "key": "{bgColor.accent.muted}" }, "name": "bgColor-accent-muted", "attributes": {}, "path": ["bgColor", "accent", "muted"], "value": "#388bfd1a", "type": "color", "description": "Subtle accent background for informational or selected elements" }, "bgColor-attention-emphasis": { "key": "{bgColor.attention.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" } }, "org.primer.overrides": { "dark-high-contrast": "#341a00", "dark-dimmed-high-contrast": "#693e00", "dark-protanopia-deuteranopia-high-contrast": "#341a00", "dark-tritanopia-high-contrast": "#341a00" }, "org.primer.llm": { "usage": ["warning-badge", "caution-label", "attention-indicator"], "rules": "Use for prominent warnings. Consider fgColor.default for text due to yellow contrast." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.yellow.5}", "$type": "color", "$description": "Strong attention background for prominent warnings", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */" } }, "org.primer.overrides": { "dark-high-contrast": "{base.color.yellow.9}", "dark-dimmed-high-contrast": "{base.color.yellow.7}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.yellow.9}", "dark-tritanopia-high-contrast": "{base.color.yellow.9}" }, "org.primer.llm": { "usage": ["warning-badge", "caution-label", "attention-indicator"], "rules": "Use for prominent warnings. Consider fgColor.default for text due to yellow contrast." } }, "key": "{bgColor.attention.emphasis}" }, "name": "bgColor-attention-emphasis", "attributes": {}, "path": ["bgColor", "attention", "emphasis"], "value": "#9e6a03", "type": "color", "description": "Strong attention background for prominent warnings" }, "bgColor-attention-muted": { "key": "{bgColor.attention.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" } }, "org.primer.overrides": { "dark": { "$value": "#bb8009", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["warning-banner", "caution-message", "pending-state"], "rules": "Use for warnings that need user attention. Pair with fgColor.attention for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.15, "original": { "$value": "{base.color.yellow.4}", "$type": "color", "$description": "Subtle attention background for warnings and caution states", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */" } }, "org.primer.overrides": { "dark": { "$value": "{base.color.yellow.4}", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["warning-banner", "caution-message", "pending-state"], "rules": "Use for warnings that need user attention. Pair with fgColor.attention for text." } }, "alpha": 0.15, "key": "{bgColor.attention.muted}" }, "name": "bgColor-attention-muted", "attributes": {}, "path": ["bgColor", "attention", "muted"], "value": "#bb800926", "type": "color", "description": "Subtle attention background for warnings and caution states" }, "bgColor-black": { "key": "{bgColor.black}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#010409" }, "org.primer.llm": { "doNotUse": true, "rules": "Avoid using raw black. Use semantic alternatives: bgColor.emphasis for dark backgrounds, bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.0}", "$type": "color", "$description": "Pure black background", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.0}" }, "org.primer.llm": { "doNotUse": true, "rules": "Avoid using raw black. Use semantic alternatives: bgColor.emphasis for dark backgrounds, bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings." } }, "key": "{bgColor.black}" }, "name": "bgColor-black", "attributes": {}, "path": ["bgColor", "black"], "value": "#010409", "type": "color", "description": "Pure black background" }, "bgColor-closed-emphasis": { "key": "{bgColor.closed.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" } }, "org.primer.overrides": { "light-tritanopia": "#656c76", "light-tritanopia-high-contrast": "#656c76", "dark-tritanopia": "#656c76", "dark-tritanopia-high-contrast": "#656c76", "light-protanopia-deuteranopia": "#656c76", "light-protanopia-deuteranopia-high-contrast": "#656c76", "dark-protanopia-deuteranopia": "#656c76", "dark-protanopia-deuteranopia-high-contrast": "#656c76" }, "org.primer.llm": { "usage": ["closed-badge", "closed-label", "declined-status-badge"], "rules": "Use for prominent closed/declined state indicators. Pair with fgColor.onEmphasis for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.danger.emphasis}", "$type": "color", "$description": "Strong background for closed state badges and labels", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */" } }, "org.primer.overrides": { "light-tritanopia": "{bgColor.neutral.emphasis}", "light-tritanopia-high-contrast": "{bgColor.neutral.emphasis}", "dark-tritanopia": "{bgColor.neutral.emphasis}", "dark-tritanopia-high-contrast": "{bgColor.neutral.emphasis}", "light-protanopia-deuteranopia": "{bgColor.neutral.emphasis}", "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.emphasis}", "dark-protanopia-deuteranopia": "{bgColor.neutral.emphasis}", "dark-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.emphasis}" }, "org.primer.llm": { "usage": ["closed-badge", "closed-label", "declined-status-badge"], "rules": "Use for prominent closed/declined state indicators. Pair with fgColor.onEmphasis for text." } }, "key": "{bgColor.closed.emphasis}" }, "name": "bgColor-closed-emphasis", "attributes": {}, "path": ["bgColor", "closed", "emphasis"], "value": "#da3633", "type": "color", "description": "Strong background for closed state badges and labels" }, "bgColor-closed-muted": { "key": "{bgColor.closed.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" } }, "org.primer.overrides": { "light-tritanopia": "#656c7633", "light-tritanopia-high-contrast": "#656c7633", "dark-tritanopia": { "$value": "#656c7633", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#656c7633", "light-protanopia-deuteranopia-high-contrast": "#656c7633", "dark-protanopia-deuteranopia": { "$value": "#656c7633", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#656c7633", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["closed-issue", "closed-pr", "declined-state"], "rules": "Use for closed/declined status indicators. Specifically for GitHub issues and PRs." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.danger.muted}", "$type": "color", "$description": "Subtle background for closed state indicators (issues, PRs)", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */" } }, "org.primer.overrides": { "light-tritanopia": "{bgColor.neutral.muted}", "light-tritanopia-high-contrast": "{bgColor.neutral.muted}", "dark-tritanopia": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{bgColor.neutral.muted}", "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.muted}", "dark-protanopia-deuteranopia": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["closed-issue", "closed-pr", "declined-state"], "rules": "Use for closed/declined status indicators. Specifically for GitHub issues and PRs." } }, "key": "{bgColor.closed.muted}" }, "name": "bgColor-closed-muted", "attributes": {}, "path": ["bgColor", "closed", "muted"], "value": "#f851491a", "type": "color", "description": "Subtle background for closed state indicators (issues, PRs)" }, "bgColor-danger-emphasis": { "key": "{bgColor.danger.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" } }, "org.primer.overrides": { "light-protanopia-deuteranopia": "#bd561d", "light-protanopia-deuteranopia-high-contrast": "#bd561d", "dark-protanopia-deuteranopia": "#bd561d", "dark-protanopia-deuteranopia-high-contrast": "#3d1300", "dark-high-contrast": "#490202", "dark-dimmed-high-contrast": "#8e1519", "dark-tritanopia-high-contrast": "#490202" }, "org.primer.llm": { "usage": ["delete-button", "critical-alert", "destructive-confirmation"], "rules": "MUST use for destructive action buttons like delete. Use fgColor.onEmphasis for text on this background." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.red.5}", "$type": "color", "$description": "Emphasized danger background for critical errors and delete confirmations", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */" } }, "org.primer.overrides": { "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}", "dark-protanopia-deuteranopia": "{base.color.orange.5}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.9}", "dark-high-contrast": "{base.color.red.9}", "dark-dimmed-high-contrast": "{base.color.red.7}", "dark-tritanopia-high-contrast": "{base.color.red.9}" }, "org.primer.llm": { "usage": ["delete-button", "critical-alert", "destructive-confirmation"], "rules": "MUST use for destructive action buttons like delete. Use fgColor.onEmphasis for text on this background." } }, "key": "{bgColor.danger.emphasis}" }, "name": "bgColor-danger-emphasis", "attributes": {}, "path": ["bgColor", "danger", "emphasis"], "value": "#da3633", "type": "color", "description": "Emphasized danger background for critical errors and delete confirmations" }, "bgColor-danger-muted": { "key": "{bgColor.danger.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" } }, "org.primer.overrides": { "dark": { "$value": "#f85149", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#ffdfb6", "light-protanopia-deuteranopia-high-contrast": "#ffdfb6", "dark-protanopia-deuteranopia": { "$value": "#db6d28", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["error-message", "destructive-action", "validation-error"], "rules": "Use for error states and destructive action backgrounds. Pair with fgColor.danger for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.1, "original": { "$value": "{base.color.red.4}", "$type": "color", "$description": "Muted danger background for error states and destructive action contexts", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */" } }, "org.primer.overrides": { "dark": { "$value": "{base.color.red.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{base.color.orange.0}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.0}", "dark-protanopia-deuteranopia": { "$value": "{base.color.orange.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["error-message", "destructive-action", "validation-error"], "rules": "Use for error states and destructive action backgrounds. Pair with fgColor.danger for text." } }, "alpha": 0.1, "key": "{bgColor.danger.muted}" }, "name": "bgColor-danger-muted", "attributes": {}, "path": ["bgColor", "danger", "muted"], "value": "#f851491a", "type": "color", "description": "Muted danger background for error states and destructive action contexts" }, "bgColor-default": { "key": "{bgColor.default}", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-default) /* utility class: .color-bg-default */" } }, "org.primer.overrides": { "dark": "#0d1117", "dark-dimmed": "#212830", "dark-dimmed-high-contrast": "#212830", "dark-high-contrast": "#010409", "dark-tritanopia-high-contrast": "#010409", "dark-protanopia-deuteranopia-high-contrast": "#010409" }, "org.primer.llm": { "usage": ["page-background", "main-content", "card-background"], "rules": "Use as the primary background for pages and content areas. Do NOT use for emphasis or highlighting." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.1}", "$type": "color", "$description": "Default background color for pages and main content areas", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-default) /* utility class: .color-bg-default */" } }, "org.primer.overrides": { "dark": "{base.color.neutral.1}", "dark-dimmed": "{base.color.neutral.3}", "dark-dimmed-high-contrast": "{base.color.neutral.3}", "dark-high-contrast": "{base.color.neutral.0}", "dark-tritanopia-high-contrast": "{base.color.neutral.0}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.0}" }, "org.primer.llm": { "usage": ["page-background", "main-content", "card-background"], "rules": "Use as the primary background for pages and content areas. Do NOT use for emphasis or highlighting." } }, "key": "{bgColor.default}" }, "name": "bgColor-default", "attributes": {}, "path": ["bgColor", "default"], "value": "#0d1117", "type": "color", "description": "Default background color for pages and main content areas" }, "bgColor-disabled": { "key": "{bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#212830", "dark-dimmed": "#2a313c", "dark-dimmed-high-contrast": "#2a313c", "light-high-contrast": "#262c36", "light-tritanopia-high-contrast": "#262c36", "light-protanopia-deuteranopia-high-contrast": "#262c36", "dark-high-contrast": "#262c36", "dark-tritanopia-high-contrast": "#262c36", "dark-protanopia-deuteranopia-high-contrast": "#262c36" }, "org.primer.llm": { "usage": ["disabled-button", "disabled-input", "inactive-element"], "rules": "MUST use for disabled state backgrounds. Pair with fgColor.disabled for text. Do NOT use for active elements." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.3}", "$type": "color", "$description": "Background for disabled interactive elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.3}", "dark-dimmed": "{base.color.neutral.5}", "dark-dimmed-high-contrast": "{base.color.neutral.5}", "light-high-contrast": "{base.color.neutral.4}", "light-tritanopia-high-contrast": "{base.color.neutral.4}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}", "dark-high-contrast": "{base.color.neutral.4}", "dark-tritanopia-high-contrast": "{base.color.neutral.4}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}" }, "org.primer.llm": { "usage": ["disabled-button", "disabled-input", "inactive-element"], "rules": "MUST use for disabled state backgrounds. Pair with fgColor.disabled for text. Do NOT use for active elements." } }, "key": "{bgColor.disabled}" }, "name": "bgColor-disabled", "attributes": {}, "path": ["bgColor", "disabled"], "value": "#212830", "type": "color", "description": "Background for disabled interactive elements" }, "bgColor-done-emphasis": { "key": "{bgColor.done.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" } }, "org.primer.overrides": { "dark-high-contrast": "#271052", "dark-dimmed-high-contrast": "#553098", "dark-tritanopia-high-contrast": "#271052", "dark-protanopia-deuteranopia-high-contrast": "#271052" }, "org.primer.llm": { "usage": ["done-badge", "merged-label", "completed-indicator"], "rules": "Use for prominent done/completed state indicators. Pair with fgColor.onEmphasis for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.purple.5}", "$type": "color", "$description": "Strong background for completed/done state badges and labels", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-done-emphasis) /* utility class: .color-bg-done-emphasis */" } }, "org.primer.overrides": { "dark-high-contrast": "{base.color.purple.9}", "dark-dimmed-high-contrast": "{base.color.purple.7}", "dark-tritanopia-high-contrast": "{base.color.purple.9}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.purple.9}" }, "org.primer.llm": { "usage": ["done-badge", "merged-label", "completed-indicator"], "rules": "Use for prominent done/completed state indicators. Pair with fgColor.onEmphasis for text." } }, "key": "{bgColor.done.emphasis}" }, "name": "bgColor-done-emphasis", "attributes": {}, "path": ["bgColor", "done", "emphasis"], "value": "#8957e5", "type": "color", "description": "Strong background for completed/done state badges and labels" }, "bgColor-done-muted": { "key": "{bgColor.done.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" } }, "org.primer.overrides": { "dark": { "$value": "#ab7df8", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["completed-task", "merged-pr", "done-state"], "rules": "Use for completed/done status indicators. Conveys finished or merged state." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.15, "original": { "$value": "{base.color.purple.4}", "$type": "color", "$description": "Subtle background for completed/done state indicators", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */" } }, "org.primer.overrides": { "dark": { "$value": "{base.color.purple.4}", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["completed-task", "merged-pr", "done-state"], "rules": "Use for completed/done status indicators. Conveys finished or merged state." } }, "alpha": 0.15, "key": "{bgColor.done.muted}" }, "name": "bgColor-done-muted", "attributes": {}, "path": ["bgColor", "done", "muted"], "value": "#ab7df826", "type": "color", "description": "Subtle background for completed/done state indicators" }, "bgColor-draft-emphasis": { "key": "{bgColor.draft.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-draft-emphasis)" } }, "org.primer.llm": { "usage": ["draft-badge", "draft-label", "wip-indicator"], "rules": "Use for prominent draft state indicators. Pair with fgColor.onEmphasis for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.neutral.emphasis}", "$type": "color", "$description": "Strong background for draft state badges and labels", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-draft-emphasis)" } }, "org.primer.llm": { "usage": ["draft-badge", "draft-label", "wip-indicator"], "rules": "Use for prominent draft state indicators. Pair with fgColor.onEmphasis for text." } }, "key": "{bgColor.draft.emphasis}" }, "name": "bgColor-draft-emphasis", "attributes": {}, "path": ["bgColor", "draft", "emphasis"], "value": "#656c76", "type": "color", "description": "Strong background for draft state badges and labels" }, "bgColor-draft-muted": { "key": "{bgColor.draft.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-draft-muted)" } }, "org.primer.overrides": { "light-tritanopia": "#656c7633", "light-tritanopia-high-contrast": "#656c7633", "dark-tritanopia": { "$value": "#656c7633", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#656c7633", "light-protanopia-deuteranopia-high-contrast": "#656c7633", "dark-protanopia-deuteranopia": { "$value": "#656c7633", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#656c7633", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["draft-pr", "draft-issue", "work-in-progress"], "rules": "Use for draft/WIP status indicators. Conveys incomplete or pending state." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.neutral.muted}", "$type": "color", "$description": "Subtle background for draft state indicators", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-draft-muted)" } }, "org.primer.overrides": { "light-tritanopia": "{bgColor.neutral.muted}", "light-tritanopia-high-contrast": "{bgColor.neutral.muted}", "dark-tritanopia": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{bgColor.neutral.muted}", "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.muted}", "dark-protanopia-deuteranopia": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["draft-pr", "draft-issue", "work-in-progress"], "rules": "Use for draft/WIP status indicators. Conveys incomplete or pending state." } }, "key": "{bgColor.draft.muted}" }, "name": "bgColor-draft-muted", "attributes": {}, "path": ["bgColor", "draft", "muted"], "value": "#656c7633", "type": "color", "description": "Subtle background for draft state indicators" }, "bgColor-emphasis": { "key": "{bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" } }, "org.primer.overrides": { "dark": "#3d444d" }, "org.primer.llm": { "usage": ["tooltip", "badge-background", "high-contrast-element"], "rules": "Use for elements needing strong visual emphasis. Pair with fgColor.onEmphasis for text. Do NOT use for large areas." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.7}", "$type": "color", "$description": "High-emphasis dark background for strong visual contrast", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-emphasis) /* utility class: .color-bg-emphasis */" } }, "org.primer.overrides": { "dark": "{base.color.neutral.7}" }, "org.primer.llm": { "usage": ["tooltip", "badge-background", "high-contrast-element"], "rules": "Use for elements needing strong visual emphasis. Pair with fgColor.onEmphasis for text. Do NOT use for large areas." } }, "key": "{bgColor.emphasis}" }, "name": "bgColor-emphasis", "attributes": {}, "path": ["bgColor", "emphasis"], "value": "#3d444d", "type": "color", "description": "High-emphasis dark background for strong visual contrast" }, "bgColor-inset": { "key": "{bgColor.inset}", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" } }, "org.primer.overrides": { "dark": "#010409", "dark-dimmed": "#151b23", "dark-dimmed-high-contrast": "#151b23", "light-high-contrast": "#151b23", "light-tritanopia-high-contrast": "#151b23", "light-protanopia-deuteranopia-high-contrast": "#151b23" }, "org.primer.llm": { "usage": ["well", "sunken-panel", "recessed-area", "input-background"], "rules": "Use for visually recessed areas. Creates depth hierarchy. Suitable for input fields and wells." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.0}", "$type": "color", "$description": "Inset background for recessed content areas like wells or sunken panels", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-inset) /* utility class: .color-bg-inset */" } }, "org.primer.overrides": { "dark": "{base.color.neutral.0}", "dark-dimmed": "{base.color.neutral.2}", "dark-dimmed-high-contrast": "{base.color.neutral.2}", "light-high-contrast": "{base.color.neutral.2}", "light-tritanopia-high-contrast": "{base.color.neutral.2}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.2}" }, "org.primer.llm": { "usage": ["well", "sunken-panel", "recessed-area", "input-background"], "rules": "Use for visually recessed areas. Creates depth hierarchy. Suitable for input fields and wells." } }, "key": "{bgColor.inset}" }, "name": "bgColor-inset", "attributes": {}, "path": ["bgColor", "inset"], "value": "#010409", "type": "color", "description": "Inset background for recessed content areas like wells or sunken panels" }, "bgColor-inverse": { "key": "{bgColor.inverse}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#ffffff" }, "org.primer.llm": { "usage": ["overlay-content", "inverse-theme-element"], "rules": "Use when you need opposite theme background. Pair with fgColor.onInverse for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$description": "Inverse background that flips between light and dark modes", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.13}" }, "org.primer.llm": { "usage": ["overlay-content", "inverse-theme-element"], "rules": "Use when you need opposite theme background. Pair with fgColor.onInverse for text." } }, "key": "{bgColor.inverse}" }, "name": "bgColor-inverse", "attributes": {}, "path": ["bgColor", "inverse"], "value": "#ffffff", "type": "color", "description": "Inverse background that flips between light and dark modes" }, "bgColor-muted": { "key": "{bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" } }, "org.primer.overrides": { "dark": "#151b23", "dark-dimmed": "#262c36", "dark-dimmed-high-contrast": "#262c36", "light-high-contrast": "#212830", "light-tritanopia-high-contrast": "#212830", "light-protanopia-deuteranopia-high-contrast": "#212830", "dark-high-contrast": "#151b23", "dark-tritanopia-high-contrast": "#151b23", "dark-protanopia-deuteranopia-high-contrast": "#151b23" }, "org.primer.llm": { "usage": ["secondary-content", "code-block-background", "table-header", "sidebar"], "rules": "Use for secondary content areas or to create visual grouping. Do NOT use for primary page backgrounds." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.2}", "$type": "color", "$description": "Muted background for secondary content areas and subtle grouping", "$extensions": { "org.primer.figma": { "collection": "mode", "scopes": ["bgColor", "borderColor"], "group": "semantic", "codeSyntax": { "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */" } }, "org.primer.overrides": { "dark": "{base.color.neutral.2}", "dark-dimmed": "{base.color.neutral.4}", "dark-dimmed-high-contrast": "{base.color.neutral.4}", "light-high-contrast": "{base.color.neutral.3}", "light-tritanopia-high-contrast": "{base.color.neutral.3}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}", "dark-high-contrast": "{base.color.neutral.2}", "dark-tritanopia-high-contrast": "{base.color.neutral.2}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.2}" }, "org.primer.llm": { "usage": ["secondary-content", "code-block-background", "table-header", "sidebar"], "rules": "Use for secondary content areas or to create visual grouping. Do NOT use for primary page backgrounds." } }, "key": "{bgColor.muted}" }, "name": "bgColor-muted", "attributes": {}, "path": ["bgColor", "muted"], "value": "#151b23", "type": "color", "description": "Muted background for secondary content areas and subtle grouping" }, "bgColor-neutral-emphasis": { "key": "{bgColor.neutral.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#656c76", "dark-dimmed": "#656c76", "dark-dimmed-high-contrast": "#3d444d", "light-high-contrast": "#b7bdc8", "light-tritanopia-high-contrast": "#b7bdc8", "light-protanopia-deuteranopia-high-contrast": "#b7bdc8", "dark-high-contrast": "#3d444d", "dark-tritanopia-high-contrast": "#3d444d", "dark-protanopia-deuteranopia-high-contrast": "#3d444d" }, "org.primer.llm": { "usage": ["neutral-button", "secondary-action", "neutral-indicator"], "rules": "Use for emphasized neutral elements. Pair with fgColor.onEmphasis for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$description": "Strong neutral background for prominent neutral elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.8}", "dark-dimmed": "{base.color.neutral.8}", "dark-dimmed-high-contrast": "{base.color.neutral.7}", "light-high-contrast": "{base.color.neutral.10}", "light-tritanopia-high-contrast": "{base.color.neutral.10}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.10}", "dark-high-contrast": "{base.color.neutral.7}", "dark-tritanopia-high-contrast": "{base.color.neutral.7}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.7}" }, "org.primer.llm": { "usage": ["neutral-button", "secondary-action", "neutral-indicator"], "rules": "Use for emphasized neutral elements. Pair with fgColor.onEmphasis for text." } }, "key": "{bgColor.neutral.emphasis}" }, "name": "bgColor-neutral-emphasis", "attributes": {}, "path": ["bgColor", "neutral", "emphasis"], "value": "#656c76", "type": "color", "description": "Strong neutral background for prominent neutral elements" }, "bgColor-neutral-muted": { "key": "{bgColor.neutral.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "light": { "$value": "#656c76", "alpha": 0.12, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark": { "$value": "#656c76", "alpha": 0.2, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-high-contrast": "#262c36", "light-tritanopia-high-contrast": "#262c36", "light-protanopia-deuteranopia-high-contrast": "#262c36", "dark-high-contrast": "#212830", "dark-tritanopia-high-contrast": "#212830", "dark-protanopia-deuteranopia-high-contrast": "#212830" }, "org.primer.llm": { "usage": ["neutral-label", "neutral-badge", "secondary-tag", "counter"], "rules": "Use for neutral semantic meaning. Pair with fgColor.default for text. Do NOT use for status indicators." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.2, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$description": "Subtle neutral background for tags, labels, and secondary UI elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "light": { "$value": "{base.color.neutral.8}", "alpha": 0.12, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark": { "$value": "{base.color.neutral.8}", "alpha": 0.2, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-high-contrast": "{base.color.neutral.4}", "light-tritanopia-high-contrast": "{base.color.neutral.4}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}", "dark-high-contrast": "{base.color.neutral.3}", "dark-tritanopia-high-contrast": "{base.color.neutral.3}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}" }, "org.primer.llm": { "usage": ["neutral-label", "neutral-badge", "secondary-tag", "counter"], "rules": "Use for neutral semantic meaning. Pair with fgColor.default for text. Do NOT use for status indicators." } }, "alpha": 0.2, "key": "{bgColor.neutral.muted}" }, "name": "bgColor-neutral-muted", "attributes": {}, "path": ["bgColor", "neutral", "muted"], "value": "#656c7633", "type": "color", "description": "Subtle neutral background for tags, labels, and secondary UI elements" }, "bgColor-open-emphasis": { "key": "{bgColor.open.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" } }, "org.primer.overrides": { "light-tritanopia": "#da3633", "light-tritanopia-high-contrast": "#da3633", "dark-tritanopia": "#da3633", "dark-tritanopia-high-contrast": "#490202", "light-protanopia-deuteranopia": "#bd561d", "light-protanopia-deuteranopia-high-contrast": "#bd561d", "dark-protanopia-deuteranopia": "#bd561d", "dark-protanopia-deuteranopia-high-contrast": "#3d1300" }, "org.primer.llm": { "usage": ["open-badge", "open-label", "active-status-badge"], "rules": "Use for prominent open/active state indicators. Pair with fgColor.onEmphasis for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.success.emphasis}", "$type": "color", "$description": "Strong background for open state badges and labels", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" } }, "org.primer.overrides": { "light-tritanopia": "{base.color.red.5}", "light-tritanopia-high-contrast": "{base.color.red.5}", "dark-tritanopia": "{base.color.red.5}", "dark-tritanopia-high-contrast": "{base.color.red.9}", "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}", "dark-protanopia-deuteranopia": "{base.color.orange.5}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.9}" }, "org.primer.llm": { "usage": ["open-badge", "open-label", "active-status-badge"], "rules": "Use for prominent open/active state indicators. Pair with fgColor.onEmphasis for text." } }, "key": "{bgColor.open.emphasis}" }, "name": "bgColor-open-emphasis", "attributes": {}, "path": ["bgColor", "open", "emphasis"], "value": "#238636", "type": "color", "description": "Strong background for open state badges and labels" }, "bgColor-open-muted": { "key": "{bgColor.open.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" } }, "org.primer.overrides": { "light-tritanopia-high-contrast": "#ffdcd7", "light-tritanopia": "#ffdcd7", "dark-tritanopia": { "$value": "#f85149", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f85149", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#ffdfb6", "light-protanopia-deuteranopia-high-contrast": "#ffdfb6", "dark-protanopia-deuteranopia": { "$value": "#db6d28", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#db6d28", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["open-issue", "open-pr", "active-status"], "rules": "Use for open/active status indicators. Specifically for GitHub issues and PRs." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.success.muted}", "$type": "color", "$description": "Subtle background for open state indicators (issues, PRs)", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" } }, "org.primer.overrides": { "light-tritanopia-high-contrast": "{base.color.red.0}", "light-tritanopia": "{base.color.red.0}", "dark-tritanopia": { "$value": "{base.color.red.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.red.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{base.color.orange.0}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.0}", "dark-protanopia-deuteranopia": { "$value": "{base.color.orange.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["open-issue", "open-pr", "active-status"], "rules": "Use for open/active status indicators. Specifically for GitHub issues and PRs." } }, "key": "{bgColor.open.muted}" }, "name": "bgColor-open-muted", "attributes": {}, "path": ["bgColor", "open", "muted"], "value": "#2ea04326", "type": "color", "description": "Subtle background for open state indicators (issues, PRs)" }, "bgColor-severe-emphasis": { "key": "{bgColor.severe.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" } }, "org.primer.overrides": { "light-tritanopia": "#da3633", "light-tritanopia-high-contrast": "#da3633", "dark-tritanopia": "#da3633", "dark-tritanopia-high-contrast": "#490202", "dark-high-contrast": "#3d1300", "dark-dimmed-high-contrast": "#762d0a", "dark-protanopia-deuteranopia-high-contrast": "#3d1300" }, "org.primer.llm": { "usage": ["severe-badge", "urgent-label", "high-priority-indicator"], "rules": "Use for prominent severe warnings. Pair with fgColor.onEmphasis for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.orange.5}", "$type": "color", "$description": "Strong severe background for prominent high-priority warnings", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */" } }, "org.primer.overrides": { "light-tritanopia": "{base.color.red.5}", "light-tritanopia-high-contrast": "{base.color.red.5}", "dark-tritanopia": "{base.color.red.5}", "dark-tritanopia-high-contrast": "{base.color.red.9}", "dark-high-contrast": "{base.color.orange.9}", "dark-dimmed-high-contrast": "{base.color.orange.7}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.9}" }, "org.primer.llm": { "usage": ["severe-badge", "urgent-label", "high-priority-indicator"], "rules": "Use for prominent severe warnings. Pair with fgColor.onEmphasis for text." } }, "key": "{bgColor.severe.emphasis}" }, "name": "bgColor-severe-emphasis", "attributes": {}, "path": ["bgColor", "severe", "emphasis"], "value": "#bd561d", "type": "color", "description": "Strong severe background for prominent high-priority warnings" }, "bgColor-severe-muted": { "key": "{bgColor.severe.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" } }, "org.primer.overrides": { "dark": { "$value": "#db6d28", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": "#ffdcd7", "light-tritanopia-high-contrast": "#ffdcd7", "dark-tritanopia": { "$value": "#f85149", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["high-priority-warning", "urgent-message", "escalation"], "rules": "Use for severe warnings, less critical than danger. Pair with fgColor.severe for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.1, "original": { "$value": "{base.color.orange.4}", "$type": "color", "$description": "Subtle severe background for high-priority warnings", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */" } }, "org.primer.overrides": { "dark": { "$value": "{base.color.orange.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": "{base.color.red.0}", "light-tritanopia-high-contrast": "{base.color.red.0}", "dark-tritanopia": { "$value": "{base.color.red.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["high-priority-warning", "urgent-message", "escalation"], "rules": "Use for severe warnings, less critical than danger. Pair with fgColor.severe for text." } }, "alpha": 0.1, "key": "{bgColor.severe.muted}" }, "name": "bgColor-severe-muted", "attributes": {}, "path": ["bgColor", "severe", "muted"], "value": "#db6d281a", "type": "color", "description": "Subtle severe background for high-priority warnings" }, "bgColor-sponsors-emphasis": { "key": "{bgColor.sponsors.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" } }, "org.primer.overrides": { "dark-high-contrast": "#42062a", "dark-dimmed-high-contrast": "#7d2457", "dark-tritanopia-high-contrast": "#42062a", "dark-protanopia-deuteranopia-high-contrast": "#42062a" }, "org.primer.llm": { "usage": ["sponsor-button", "sponsor-badge", "funding-cta"], "rules": "Use for prominent Sponsors CTAs. Pair with fgColor.onEmphasis for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.pink.5}", "$type": "color", "$description": "Strong background for prominent GitHub Sponsors elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-sponsors-emphasis) /* utility class: .color-bg-sponsors-emphasis */" } }, "org.primer.overrides": { "dark-high-contrast": "{base.color.pink.9}", "dark-dimmed-high-contrast": "{base.color.pink.7}", "dark-tritanopia-high-contrast": "{base.color.pink.9}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.pink.9}" }, "org.primer.llm": { "usage": ["sponsor-button", "sponsor-badge", "funding-cta"], "rules": "Use for prominent Sponsors CTAs. Pair with fgColor.onEmphasis for text." } }, "key": "{bgColor.sponsors.emphasis}" }, "name": "bgColor-sponsors-emphasis", "attributes": {}, "path": ["bgColor", "sponsors", "emphasis"], "value": "#bf4b8a", "type": "color", "description": "Strong background for prominent GitHub Sponsors elements" }, "bgColor-sponsors-muted": { "key": "{bgColor.sponsors.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" } }, "org.primer.overrides": { "dark": { "$value": "#db61a2", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [328, 62.9, 62], "hex": "#db61a2" }, "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["sponsor-card", "sponsor-highlight", "funding-prompt"], "rules": "Use for GitHub Sponsors related content. Do NOT use for general pink-colored elements." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.1, "original": { "$value": "{base.color.pink.4}", "$type": "color", "$description": "Subtle background for GitHub Sponsors content", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */" } }, "org.primer.overrides": { "dark": { "$value": "{base.color.pink.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [328, 62.9, 62], "hex": "#db61a2" }, "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["sponsor-card", "sponsor-highlight", "funding-prompt"], "rules": "Use for GitHub Sponsors related content. Do NOT use for general pink-colored elements." } }, "alpha": 0.1, "key": "{bgColor.sponsors.muted}" }, "name": "bgColor-sponsors-muted", "attributes": {}, "path": ["bgColor", "sponsors", "muted"], "value": "#db61a21a", "type": "color", "description": "Subtle background for GitHub Sponsors content" }, "bgColor-success-emphasis": { "key": "{bgColor.success.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" } }, "org.primer.overrides": { "dark": "#238636", "light-tritanopia": "#1f6feb", "light-tritanopia-high-contrast": "#1f6feb", "dark-tritanopia": "#1f6feb", "dark-tritanopia-high-contrast": "#051d4d", "light-protanopia-deuteranopia": "#1f6feb", "light-protanopia-deuteranopia-high-contrast": "#1f6feb", "dark-protanopia-deuteranopia": "#1f6feb", "dark-protanopia-deuteranopia-high-contrast": "#051d4d", "light-high-contrast": "#238636", "dark-high-contrast": "#04260f", "dark-dimmed-high-contrast": "#0f5323" }, "org.primer.llm": { "usage": ["merge-button", "confirm-action", "success-badge"], "rules": "Use for positive action buttons like merge or confirm. Pair with fgColor.onEmphasis for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.green.5}", "$type": "color", "$description": "Strong success background for prominent positive actions", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */" } }, "org.primer.overrides": { "dark": "{base.color.green.5}", "light-tritanopia": "{base.color.blue.5}", "light-tritanopia-high-contrast": "{base.color.blue.5}", "dark-tritanopia": "{base.color.blue.5}", "dark-tritanopia-high-contrast": "{base.color.blue.9}", "light-protanopia-deuteranopia": "{base.color.blue.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.5}", "dark-protanopia-deuteranopia": "{base.color.blue.5}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.9}", "light-high-contrast": "{base.color.green.5}", "dark-high-contrast": "{base.color.green.9}", "dark-dimmed-high-contrast": "{base.color.green.7}" }, "org.primer.llm": { "usage": ["merge-button", "confirm-action", "success-badge"], "rules": "Use for positive action buttons like merge or confirm. Pair with fgColor.onEmphasis for text." } }, "key": "{bgColor.success.emphasis}" }, "name": "bgColor-success-emphasis", "attributes": {}, "path": ["bgColor", "success", "emphasis"], "value": "#238636", "type": "color", "description": "Strong success background for prominent positive actions" }, "bgColor-success-muted": { "key": "{bgColor.success.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" } }, "org.primer.overrides": { "dark": { "$value": "#2ea043", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": "#cae8ff", "light-tritanopia-high-contrast": "#cae8ff", "dark-tritanopia": { "$value": "#388bfd", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#388bfd", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#cae8ff", "light-protanopia-deuteranopia-high-contrast": "#cae8ff", "dark-protanopia-deuteranopia": { "$value": "#388bfd", "alpha": 0.2, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#388bfd", "alpha": 0.2, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["success-message", "completed-state", "positive-feedback"], "rules": "Use for success states and positive feedback. Pair with fgColor.success for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.15, "original": { "$value": "{base.color.green.4}", "$type": "color", "$description": "Subtle success background for positive feedback and completed states", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */" } }, "org.primer.overrides": { "dark": { "$value": "{base.color.green.4}", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": "{base.color.blue.0}", "light-tritanopia-high-contrast": "{base.color.blue.0}", "dark-tritanopia": { "$value": "{base.color.blue.4}", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{base.color.blue.0}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.0}", "dark-protanopia-deuteranopia": { "$value": "{base.color.blue.4}", "alpha": 0.2, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 0.2, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["success-message", "completed-state", "positive-feedback"], "rules": "Use for success states and positive feedback. Pair with fgColor.success for text." } }, "alpha": 0.15, "key": "{bgColor.success.muted}" }, "name": "bgColor-success-muted", "attributes": {}, "path": ["bgColor", "success", "muted"], "value": "#2ea04326", "type": "color", "description": "Subtle success background for positive feedback and completed states" }, "bgColor-transparent": { "key": "{bgColor.transparent}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" } }, "org.primer.llm": { "usage": ["ghost-button", "icon-button", "overlay-trigger"], "rules": "Use for ghost/icon buttons or when element should blend with parent. Ensure sufficient contrast for interactive states." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$description": "Fully transparent background", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" } }, "org.primer.llm": { "usage": ["ghost-button", "icon-button", "overlay-trigger"], "rules": "Use for ghost/icon buttons or when element should blend with parent. Ensure sufficient contrast for interactive states." } }, "key": "{bgColor.transparent}" }, "name": "bgColor-transparent", "attributes": {}, "path": ["bgColor", "transparent"], "value": "#00000000", "type": "color", "description": "Fully transparent background" }, "bgColor-upsell-emphasis": { "key": "{bgColor.upsell.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-upsell-emphasis)" } }, "org.primer.llm": { "usage": ["upgrade-button", "premium-badge", "upsell-cta"], "rules": "Use for prominent upgrade/upsell CTAs. Pair with fgColor.onEmphasis for text." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.done.emphasis}", "$type": "color", "$description": "Strong background for prominent upsell elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-upsell-emphasis)" } }, "org.primer.llm": { "usage": ["upgrade-button", "premium-badge", "upsell-cta"], "rules": "Use for prominent upgrade/upsell CTAs. Pair with fgColor.onEmphasis for text." } }, "key": "{bgColor.upsell.emphasis}" }, "name": "bgColor-upsell-emphasis", "attributes": {}, "path": ["bgColor", "upsell", "emphasis"], "value": "#8957e5", "type": "color", "description": "Strong background for prominent upsell elements" }, "bgColor-upsell-muted": { "key": "{bgColor.upsell.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-upsell-muted)" } }, "org.primer.llm": { "usage": ["upgrade-prompt", "premium-feature", "promotional-banner"], "rules": "Use for upgrade prompts and premium feature highlights. Do NOT use for regular content." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.done.muted}", "$type": "color", "$description": "Subtle background for upsell and promotional content", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-upsell-muted)" } }, "org.primer.llm": { "usage": ["upgrade-prompt", "premium-feature", "promotional-banner"], "rules": "Use for upgrade prompts and premium feature highlights. Do NOT use for regular content." } }, "key": "{bgColor.upsell.muted}" }, "name": "bgColor-upsell-muted", "attributes": {}, "path": ["bgColor", "upsell", "muted"], "value": "#ab7df826", "type": "color", "description": "Subtle background for upsell and promotional content" }, "bgColor-white": { "key": "{bgColor.white}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#ffffff" }, "org.primer.llm": { "doNotUse": true, "rules": "Avoid using raw white. Use semantic alternatives: bgColor.default for standard backgrounds, bgColor.inset for recessed areas, or bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings." } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$description": "Pure white background", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.13}" }, "org.primer.llm": { "doNotUse": true, "rules": "Avoid using raw white. Use semantic alternatives: bgColor.default for standard backgrounds, bgColor.inset for recessed areas, or bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings." } }, "key": "{bgColor.white}" }, "name": "bgColor-white", "attributes": {}, "path": ["bgColor", "white"], "value": "#ffffff", "type": "color", "description": "Pure white background" }, "border-accent-emphasis": { "key": "{border.accent.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.accent.emphasis}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.accent.emphasis}" }, "name": "border-accent-emphasis", "attributes": {}, "path": ["border", "accent", "emphasis"], "value": "0.0625rem solid #1f6feb", "type": "border" }, "border-accent-muted": { "key": "{border.accent.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.accent.muted}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.accent.muted}" }, "name": "border-accent-muted", "attributes": {}, "path": ["border", "accent", "muted"], "value": "0.0625rem solid #388bfd66", "type": "border" }, "border-attention-emphasis": { "key": "{border.attention.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.attention.emphasis}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.attention.emphasis}" }, "name": "border-attention-emphasis", "attributes": {}, "path": ["border", "attention", "emphasis"], "value": "0.0625rem solid #9e6a03", "type": "border" }, "border-attention-muted": { "key": "{border.attention.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.attention.muted}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.attention.muted}" }, "name": "border-attention-muted", "attributes": {}, "path": ["border", "attention", "muted"], "value": "0.0625rem solid #bb800966", "type": "border" }, "border-closed-emphasis": { "key": "{border.closed.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": "{border.danger.emphasis}", "$type": "border", "key": "{border.closed.emphasis}" }, "name": "border-closed-emphasis", "attributes": {}, "path": ["border", "closed", "emphasis"], "value": "0.0625rem solid #da3633", "type": "border" }, "border-closed-muted": { "key": "{border.closed.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": "{border.danger.muted}", "$type": "border", "key": "{border.closed.muted}" }, "name": "border-closed-muted", "attributes": {}, "path": ["border", "closed", "muted"], "value": "0.0625rem solid #f8514966", "type": "border" }, "border-danger-emphasis": { "key": "{border.danger.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.danger.emphasis}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.danger.emphasis}" }, "name": "border-danger-emphasis", "attributes": {}, "path": ["border", "danger", "emphasis"], "value": "0.0625rem solid #da3633", "type": "border" }, "border-danger-muted": { "key": "{border.danger.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.danger.muted}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.danger.muted}" }, "name": "border-danger-muted", "attributes": {}, "path": ["border", "danger", "muted"], "value": "0.0625rem solid #f8514966", "type": "border" }, "border-default": { "key": "{border.default}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.default}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.default}" }, "name": "border-default", "attributes": {}, "path": ["border", "default"], "value": "0.0625rem solid #3d444d", "type": "border" }, "border-disabled": { "key": "{border.disabled}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.disabled}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.disabled}" }, "name": "border-disabled", "attributes": {}, "path": ["border", "disabled"], "value": "0.0625rem solid #656c761a", "type": "border" }, "border-done-emphasis": { "key": "{border.done.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.done.emphasis}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.done.emphasis}" }, "name": "border-done-emphasis", "attributes": {}, "path": ["border", "done", "emphasis"], "value": "0.0625rem solid #8957e5", "type": "border" }, "border-done-muted": { "key": "{border.done.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.done.muted}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.done.muted}" }, "name": "border-done-muted", "attributes": {}, "path": ["border", "done", "muted"], "value": "0.0625rem solid #ab7df866", "type": "border" }, "border-draft-emphasis": { "key": "{border.draft.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.draft.emphasis}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.draft.emphasis}" }, "name": "border-draft-emphasis", "attributes": {}, "path": ["border", "draft", "emphasis"], "value": "0.0625rem solid #656c76", "type": "border" }, "border-draft-muted": { "key": "{border.draft.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.draft.muted}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.draft.muted}" }, "name": "border-draft-muted", "attributes": {}, "path": ["border", "draft", "muted"], "value": "0.0625rem solid #3d444db3", "type": "border" }, "border-emphasis": { "key": "{border.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.emphasis}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.emphasis}" }, "name": "border-emphasis", "attributes": {}, "path": ["border", "emphasis"], "value": "0.0625rem solid #656c76", "type": "border" }, "border-muted": { "key": "{border.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.muted}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.muted}" }, "name": "border-muted", "attributes": {}, "path": ["border", "muted"], "value": "0.0625rem solid #3d444db3", "type": "border" }, "border-neutral-emphasis": { "key": "{border.neutral.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.neutral.emphasis}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.neutral.emphasis}" }, "name": "border-neutral-emphasis", "attributes": {}, "path": ["border", "neutral", "emphasis"], "value": "0.0625rem solid #656c76", "type": "border" }, "border-neutral-muted": { "key": "{border.neutral.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.neutral.muted}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.neutral.muted}" }, "name": "border-neutral-muted", "attributes": {}, "path": ["border", "neutral", "muted"], "value": "0.0625rem solid #3d444db3", "type": "border" }, "border-open-emphasis": { "key": "{border.open.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": "{border.success.emphasis}", "$type": "border", "key": "{border.open.emphasis}" }, "name": "border-open-emphasis", "attributes": {}, "path": ["border", "open", "emphasis"], "value": "0.0625rem solid #238636", "type": "border" }, "border-open-muted": { "key": "{border.open.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": "{border.success.muted}", "$type": "border", "key": "{border.open.muted}" }, "name": "border-open-muted", "attributes": {}, "path": ["border", "open", "muted"], "value": "0.0625rem solid #2ea04366", "type": "border" }, "border-severe-emphasis": { "key": "{border.severe.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.severe.emphasis}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.severe.emphasis}" }, "name": "border-severe-emphasis", "attributes": {}, "path": ["border", "severe", "emphasis"], "value": "0.0625rem solid #bd561d", "type": "border" }, "border-severe-muted": { "key": "{border.severe.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.severe.muted}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.severe.muted}" }, "name": "border-severe-muted", "attributes": {}, "path": ["border", "severe", "muted"], "value": "0.0625rem solid #db6d2866", "type": "border" }, "border-sponsors-emphasis": { "key": "{border.sponsors.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.sponsors.emphasis}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.sponsors.emphasis}" }, "name": "border-sponsors-emphasis", "attributes": {}, "path": ["border", "sponsors", "emphasis"], "value": "0.0625rem solid #bf4b8a", "type": "border" }, "border-sponsors-muted": { "key": "{border.sponsors.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.sponsors.muted}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.sponsors.muted}" }, "name": "border-sponsors-muted", "attributes": {}, "path": ["border", "sponsors", "muted"], "value": "0.0625rem solid #db61a266", "type": "border" }, "border-success-emphasis": { "key": "{border.success.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.success.emphasis}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.success.emphasis}" }, "name": "border-success-emphasis", "attributes": {}, "path": ["border", "success", "emphasis"], "value": "0.0625rem solid #238636", "type": "border" }, "border-success-muted": { "key": "{border.success.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.success.muted}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.success.muted}" }, "name": "border-success-muted", "attributes": {}, "path": ["border", "success", "muted"], "value": "0.0625rem solid #2ea04366", "type": "border" }, "border-translucent": { "key": "{border.translucent}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$description": "Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.", "$value": { "color": "{borderColor.translucent}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.translucent}" }, "name": "border-translucent", "attributes": {}, "path": ["border", "translucent"], "value": "0.0625rem solid #ffffff26", "type": "border", "description": "Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design." }, "border-transparent": { "key": "{border.transparent}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.transparent}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.transparent}" }, "name": "border-transparent", "attributes": {}, "path": ["border", "transparent"], "value": "0.0625rem solid #00000000", "type": "border" }, "border-upsell-emphasis": { "key": "{border.upsell.emphasis}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.upsell.emphasis}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.upsell.emphasis}" }, "name": "border-upsell-emphasis", "attributes": {}, "path": ["border", "upsell", "emphasis"], "value": "0.0625rem solid #8957e5", "type": "border" }, "border-upsell-muted": { "key": "{border.upsell.muted}", "filePath": "src/tokens/functional/border/border.json5", "isSource": true, "original": { "$value": { "color": "{borderColor.upsell.muted}", "style": "solid", "width": "{borderWidth.default}" }, "$type": "border", "key": "{border.upsell.muted}" }, "name": "border-upsell-muted", "attributes": {}, "path": ["border", "upsell", "muted"], "value": "0.0625rem solid #ab7df866", "type": "border" }, "borderColor-accent-emphasis": { "key": "{borderColor.accent.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"], "codeSyntax": { "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" } }, "org.primer.overrides": { "dark-dimmed-high-contrast": "#79c0ff" }, "org.primer.llm": { "usage": ["accent-emphasis", "selected-border", "focus-border"], "rules": "Use for selected elements and focus states. Strong visual emphasis." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.blue.5}", "$type": "color", "$description": "Strong accent border for selected or focused elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"], "codeSyntax": { "web": "var(--borderColor-accent-emphasis) /* utility class: .color-border-accent-emphasis */" } }, "org.primer.overrides": { "dark-dimmed-high-contrast": "{base.color.blue.2}" }, "org.primer.llm": { "usage": ["accent-emphasis", "selected-border", "focus-border"], "rules": "Use for selected elements and focus states. Strong visual emphasis." } }, "key": "{borderColor.accent.emphasis}" }, "name": "borderColor-accent-emphasis", "attributes": {}, "path": ["borderColor", "accent", "emphasis"], "value": "#1f6feb", "type": "color", "description": "Strong accent border for selected or focused elements" }, "borderColor-accent-muted": { "key": "{borderColor.accent.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"], "codeSyntax": { "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" } }, "org.primer.overrides": { "dark": "#388bfd", "light-high-contrast": { "$value": "#58a6ff", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#58a6ff", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#58a6ff", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#388bfd", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#79c0ff", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#388bfd", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#388bfd", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["accent-muted", "selected-muted", "info-muted"], "rules": "Use for accent-colored borders on selected elements. Pair with bgColor.accent.muted." } }, "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.blue.4}", "$type": "color", "$description": "Subtle accent border for selected or focused elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"], "codeSyntax": { "web": "var(--borderColor-accent-muted) /* utility class: .color-border-accent */" } }, "org.primer.overrides": { "dark": "{base.color.blue.4}", "light-high-contrast": { "$value": "{base.color.blue.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.blue.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.blue.2}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["accent-muted", "selected-muted", "info-muted"], "rules": "Use for accent-colored borders on selected elements. Pair with bgColor.accent.muted." } }, "alpha": 0.4, "key": "{borderColor.accent.muted}" }, "name": "borderColor-accent-muted", "attributes": {}, "path": ["borderColor", "accent", "muted"], "value": "#388bfd66", "type": "color", "description": "Subtle accent border for selected or focused elements" }, "borderColor-attention-emphasis": { "key": "{borderColor.attention.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" } }, "org.primer.overrides": { "dark-dimmed-high-contrast": "#e3b341" }, "org.primer.llm": { "usage": ["attention-emphasis", "warning-emphasis", "caution-emphasis"], "rules": "Use for emphasized warning borders. Pair with bgColor.attention.emphasis." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.yellow.5}", "$type": "color", "$description": "Strong attention border for prominent warnings", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */" } }, "org.primer.overrides": { "dark-dimmed-high-contrast": "{base.color.yellow.2}" }, "org.primer.llm": { "usage": ["attention-emphasis", "warning-emphasis", "caution-emphasis"], "rules": "Use for emphasized warning borders. Pair with bgColor.attention.emphasis." } }, "key": "{borderColor.attention.emphasis}" }, "name": "borderColor-attention-emphasis", "attributes": {}, "path": ["borderColor", "attention", "emphasis"], "value": "#9e6a03", "type": "color", "description": "Strong attention border for prominent warnings" }, "borderColor-attention-muted": { "key": "{borderColor.attention.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" } }, "org.primer.overrides": { "dark": "#bb8009", "light-high-contrast": { "$value": "#d29922", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#d29922", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#d29922", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#bb8009", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#e3b341", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#bb8009", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#bb8009", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["attention-muted", "warning-muted", "caution-muted"], "rules": "Use for warning state borders. Pair with bgColor.attention.muted." } }, "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.yellow.4}", "$type": "color", "$description": "Subtle attention border for warnings and caution states", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */" } }, "org.primer.overrides": { "dark": "{base.color.yellow.4}", "light-high-contrast": { "$value": "{base.color.yellow.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.yellow.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.yellow.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.yellow.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.yellow.2}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.yellow.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.yellow.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["attention-muted", "warning-muted", "caution-muted"], "rules": "Use for warning state borders. Pair with bgColor.attention.muted." } }, "alpha": 0.4, "key": "{borderColor.attention.muted}" }, "name": "borderColor-attention-muted", "attributes": {}, "path": ["borderColor", "attention", "muted"], "value": "#bb800966", "type": "color", "description": "Subtle attention border for warnings and caution states" }, "borderColor-closed-emphasis": { "key": "{borderColor.closed.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" } }, "org.primer.overrides": { "light-protanopia-deuteranopia": "#656c76", "light-protanopia-deuteranopia-high-contrast": "#656c76", "dark-protanopia-deuteranopia": "#656c76", "dark-protanopia-deuteranopia-high-contrast": "#656c76", "dark-tritanopia": "#656c76", "dark-tritanopia-high-contrast": "#656c76", "light-tritanopia": "#656c76", "light-tritanopia-high-contrast": "#656c76" }, "org.primer.llm": { "usage": ["closed-emphasis", "closed-status"], "rules": "Use for emphasized closed state borders. Pair with bgColor.closed.emphasis." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{borderColor.danger.emphasis}", "$type": "color", "$description": "Strong border for closed state badges", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-closed-emphasis) /* utility class: .color-border-closed-emphasis */" } }, "org.primer.overrides": { "light-protanopia-deuteranopia": "{borderColor.emphasis}", "light-protanopia-deuteranopia-high-contrast": "{borderColor.emphasis}", "dark-protanopia-deuteranopia": "{borderColor.emphasis}", "dark-protanopia-deuteranopia-high-contrast": "{borderColor.emphasis}", "dark-tritanopia": "{borderColor.emphasis}", "dark-tritanopia-high-contrast": "{borderColor.emphasis}", "light-tritanopia": "{borderColor.emphasis}", "light-tritanopia-high-contrast": "{borderColor.emphasis}" }, "org.primer.llm": { "usage": ["closed-emphasis", "closed-status"], "rules": "Use for emphasized closed state borders. Pair with bgColor.closed.emphasis." } }, "key": "{borderColor.closed.emphasis}" }, "name": "borderColor-closed-emphasis", "attributes": {}, "path": ["borderColor", "closed", "emphasis"], "value": "#da3633", "type": "color", "description": "Strong border for closed state badges" }, "borderColor-closed-muted": { "key": "{borderColor.closed.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" } }, "org.primer.overrides": { "dark-tritanopia": { "$value": "#3d444d", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": "#3d444d", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "#3d444d", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "#3d444d", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["closed-muted", "closed-issue", "closed-pr"], "rules": "Use for closed/declined status borders. Specifically for GitHub issues and PRs." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{borderColor.danger.muted}", "$type": "color", "$description": "Subtle border for closed state indicators", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */" } }, "org.primer.overrides": { "dark-tritanopia": { "$value": "{borderColor.default}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": "{borderColor.default}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "{borderColor.default}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "{borderColor.default}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["closed-muted", "closed-issue", "closed-pr"], "rules": "Use for closed/declined status borders. Specifically for GitHub issues and PRs." } }, "key": "{borderColor.closed.muted}" }, "name": "borderColor-closed-muted", "attributes": {}, "path": ["borderColor", "closed", "muted"], "value": "#f8514966", "type": "color", "description": "Subtle border for closed state indicators" }, "borderColor-danger-emphasis": { "key": "{borderColor.danger.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" } }, "org.primer.overrides": { "dark-protanopia-deuteranopia": { "$value": "#bd561d", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#bd561d", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "#bd561d", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#bd561d", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": "#ffa198" }, "org.primer.llm": { "usage": ["danger-emphasis", "error-emphasis", "destructive-emphasis"], "rules": "MUST use for destructive action borders. Pair with bgColor.danger.emphasis." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.red.5}", "$type": "color", "$description": "Strong danger border for destructive actions and errors", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */" } }, "org.primer.overrides": { "dark-protanopia-deuteranopia": { "$value": "{base.color.orange.5}", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.5}", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "{base.color.orange.5}", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.5}", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": "{base.color.red.2}" }, "org.primer.llm": { "usage": ["danger-emphasis", "error-emphasis", "destructive-emphasis"], "rules": "MUST use for destructive action borders. Pair with bgColor.danger.emphasis." } }, "key": "{borderColor.danger.emphasis}" }, "name": "borderColor-danger-emphasis", "attributes": {}, "path": ["borderColor", "danger", "emphasis"], "value": "#da3633", "type": "color", "description": "Strong danger border for destructive actions and errors" }, "borderColor-danger-muted": { "key": "{borderColor.danger.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" } }, "org.primer.overrides": { "dark": "#f85149", "light-high-contrast": { "$value": "#ff7b72", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#ff7b72", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#f85149", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ffa198", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f85149", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "#db6d28", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#db6d28", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "#ffdfb6", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#db6d28", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["danger-muted", "error-muted", "destructive-muted"], "rules": "Use for error state borders. Pair with bgColor.danger.muted." } }, "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.red.4}", "$type": "color", "$description": "Subtle danger border for errors and destructive contexts", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */" } }, "org.primer.overrides": { "dark": "{base.color.red.4}", "light-high-contrast": { "$value": "{base.color.red.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.red.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.red.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.red.2}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.red.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "{base.color.orange.4}", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "{base.color.orange.0}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["danger-muted", "error-muted", "destructive-muted"], "rules": "Use for error state borders. Pair with bgColor.danger.muted." } }, "alpha": 0.4, "key": "{borderColor.danger.muted}" }, "name": "borderColor-danger-muted", "attributes": {}, "path": ["borderColor", "danger", "muted"], "value": "#f8514966", "type": "color", "description": "Subtle danger border for errors and destructive contexts" }, "borderColor-default": { "key": "{borderColor.default}", "$extensions": { "org.primer.overrides": { "dark": "#3d444d", "dark-dimmed": "#3d444d", "dark-dimmed-high-contrast": "#b7bdc8", "light-high-contrast": "#b7bdc8", "light-tritanopia-high-contrast": "#b7bdc8", "light-protanopia-deuteranopia-high-contrast": "#b7bdc8", "dark-high-contrast": "#b7bdc8", "dark-tritanopia-high-contrast": "#b7bdc8", "dark-protanopia-deuteranopia-high-contrast": "#b7bdc8" }, "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"], "codeSyntax": { "web": "var(--borderColor-default) /* utility class: .color-border-default */" } }, "org.primer.llm": { "usage": ["default-border", "card-border", "input-border", "divider"], "rules": "RECOMMENDED default for all borders. Use for cards, inputs, and dividers." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.7}", "$type": "color", "$description": "Default border color for most UI elements", "$extensions": { "org.primer.overrides": { "dark": "{base.color.neutral.7}", "dark-dimmed": "{base.color.neutral.7}", "dark-dimmed-high-contrast": "{base.color.neutral.10}", "light-high-contrast": "{base.color.neutral.10}", "light-tritanopia-high-contrast": "{base.color.neutral.10}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.10}", "dark-high-contrast": "{base.color.neutral.10}", "dark-tritanopia-high-contrast": "{base.color.neutral.10}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.10}" }, "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"], "codeSyntax": { "web": "var(--borderColor-default) /* utility class: .color-border-default */" } }, "org.primer.llm": { "usage": ["default-border", "card-border", "input-border", "divider"], "rules": "RECOMMENDED default for all borders. Use for cards, inputs, and dividers." } }, "key": "{borderColor.default}" }, "name": "borderColor-default", "attributes": {}, "path": ["borderColor", "default"], "value": "#3d444d", "type": "color", "description": "Default border color for most UI elements" }, "borderColor-disabled": { "key": "{borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"] }, "org.primer.overrides": { "dark-dimmed": { "$value": "#656c76", "alpha": 0.1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#656c76", "alpha": 0.1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#9198a1", "alpha": 0.12, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#9198a1", "alpha": 0.12, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#9198a1", "alpha": 0.12, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["disabled-border", "inactive-border", "unavailable"], "rules": "MUST use for disabled state borders. Pair with bgColor.disabled. Do NOT use for active elements." } }, "alpha": 0.1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$description": "Border color for disabled interactive elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"] }, "org.primer.overrides": { "dark-dimmed": { "$value": "{base.color.neutral.8}", "alpha": 0.1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.8}", "alpha": 0.1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.9}", "alpha": 0.12, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.9}", "alpha": 0.12, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.9}", "alpha": 0.12, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["disabled-border", "inactive-border", "unavailable"], "rules": "MUST use for disabled state borders. Pair with bgColor.disabled. Do NOT use for active elements." } }, "alpha": 0.1, "key": "{borderColor.disabled}" }, "name": "borderColor-disabled", "attributes": {}, "path": ["borderColor", "disabled"], "value": "#656c761a", "type": "color", "description": "Border color for disabled interactive elements" }, "borderColor-done-emphasis": { "key": "{borderColor.done.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-done-emphasis)" } }, "org.primer.overrides": { "dark-dimmed-high-contrast": "#d2a8ff" }, "org.primer.llm": { "usage": ["done-emphasis", "merged-status"], "rules": "Use for emphasized done state borders. Pair with bgColor.done.emphasis." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.purple.5}", "$type": "color", "$description": "Strong border for completed/done state badges", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-done-emphasis)" } }, "org.primer.overrides": { "dark-dimmed-high-contrast": "{base.color.purple.2}" }, "org.primer.llm": { "usage": ["done-emphasis", "merged-status"], "rules": "Use for emphasized done state borders. Pair with bgColor.done.emphasis." } }, "key": "{borderColor.done.emphasis}" }, "name": "borderColor-done-emphasis", "attributes": {}, "path": ["borderColor", "done", "emphasis"], "value": "#8957e5", "type": "color", "description": "Strong border for completed/done state badges" }, "borderColor-done-muted": { "key": "{borderColor.done.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" } }, "org.primer.overrides": { "dark": "#ab7df8", "light-high-contrast": { "$value": "#be8fff", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#be8fff", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#be8fff", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#ab7df8", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#d2a8ff", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ab7df8", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#ab7df8", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["done-muted", "merged", "completed"], "rules": "Use for completed/done status borders. Conveys finished or merged state." } }, "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.purple.4}", "$type": "color", "$description": "Subtle border for completed/done state indicators", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-done-muted) /* utility class: .color-border-done */" } }, "org.primer.overrides": { "dark": "{base.color.purple.4}", "light-high-contrast": { "$value": "{base.color.purple.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.purple.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.purple.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.purple.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.purple.2}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.purple.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.purple.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["done-muted", "merged", "completed"], "rules": "Use for completed/done status borders. Conveys finished or merged state." } }, "alpha": 0.4, "key": "{borderColor.done.muted}" }, "name": "borderColor-done-muted", "attributes": {}, "path": ["borderColor", "done", "muted"], "value": "#ab7df866", "type": "color", "description": "Subtle border for completed/done state indicators" }, "borderColor-draft-emphasis": { "key": "{borderColor.draft.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-draft-emphasis)" } }, "org.primer.llm": { "usage": ["draft-emphasis", "draft-status"], "rules": "Use for emphasized draft state borders. Pair with bgColor.draft.emphasis." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{borderColor.neutral.emphasis}", "$type": "color", "$description": "Strong border for draft state badges", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-draft-emphasis)" } }, "org.primer.llm": { "usage": ["draft-emphasis", "draft-status"], "rules": "Use for emphasized draft state borders. Pair with bgColor.draft.emphasis." } }, "key": "{borderColor.draft.emphasis}" }, "name": "borderColor-draft-emphasis", "attributes": {}, "path": ["borderColor", "draft", "emphasis"], "value": "#656c76", "type": "color", "description": "Strong border for draft state badges" }, "borderColor-draft-muted": { "key": "{borderColor.draft.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-draft-muted)" } }, "org.primer.overrides": { "dark-tritanopia": { "$value": "#3d444d", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": "#3d444d", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "#3d444d", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "#3d444d", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["draft-muted", "draft-pr", "draft-issue"], "rules": "Use for draft/WIP status borders. Conveys incomplete or pending state." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{borderColor.neutral.muted}", "$type": "color", "$description": "Subtle border for draft state indicators", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-draft-muted)" } }, "org.primer.overrides": { "dark-tritanopia": { "$value": "{borderColor.default}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": "{borderColor.default}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "{borderColor.default}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "{borderColor.default}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["draft-muted", "draft-pr", "draft-issue"], "rules": "Use for draft/WIP status borders. Conveys incomplete or pending state." } }, "key": "{borderColor.draft.muted}" }, "name": "borderColor-draft-muted", "attributes": {}, "path": ["borderColor", "draft", "muted"], "value": "#3d444db3", "type": "color", "description": "Subtle border for draft state indicators" }, "borderColor-emphasis": { "key": "{borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"] }, "org.primer.overrides": { "light-high-contrast": "#3d444d", "light-tritanopia-high-contrast": "#3d444d", "light-protanopia-deuteranopia-high-contrast": "#3d444d", "dark-high-contrast": "#3d444d", "dark-dimmed-high-contrast": "#3d444d", "dark-tritanopia-high-contrast": "#3d444d", "dark-protanopia-deuteranopia-high-contrast": "#3d444d" }, "org.primer.llm": { "usage": ["emphasis-border", "strong-border", "selected-border"], "rules": "Use for borders needing more visual weight. Darker than borderColor.default." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$description": "Strong border for emphasis and visual weight", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"] }, "org.primer.overrides": { "light-high-contrast": "{borderColor.default}", "light-tritanopia-high-contrast": "{borderColor.default}", "light-protanopia-deuteranopia-high-contrast": "{borderColor.default}", "dark-high-contrast": "{borderColor.default}", "dark-dimmed-high-contrast": "{borderColor.default}", "dark-tritanopia-high-contrast": "{borderColor.default}", "dark-protanopia-deuteranopia-high-contrast": "{borderColor.default}" }, "org.primer.llm": { "usage": ["emphasis-border", "strong-border", "selected-border"], "rules": "Use for borders needing more visual weight. Darker than borderColor.default." } }, "key": "{borderColor.emphasis}" }, "name": "borderColor-emphasis", "attributes": {}, "path": ["borderColor", "emphasis"], "value": "#656c76", "type": "color", "description": "Strong border for emphasis and visual weight" }, "borderColor-muted": { "key": "{borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"], "codeSyntax": { "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" } }, "org.primer.overrides": { "dark-dimmed": { "$value": "#3d444d", "alpha": 0.7, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["subtle-border", "light-divider", "secondary-border"], "rules": "Use for subtle borders and separators. Less prominent than borderColor.default." } }, "alpha": 0.7, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{borderColor.default}", "$type": "color", "$description": "Subtle border for secondary elements and light separators", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"], "codeSyntax": { "web": "var(--borderColor-muted) /* utility class: .color-border-muted */" } }, "org.primer.overrides": { "dark-dimmed": { "$value": "{base.color.neutral.7}", "alpha": 0.7, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["subtle-border", "light-divider", "secondary-border"], "rules": "Use for subtle borders and separators. Less prominent than borderColor.default." } }, "alpha": 0.7, "key": "{borderColor.muted}" }, "name": "borderColor-muted", "attributes": {}, "path": ["borderColor", "muted"], "value": "#3d444db3", "type": "color", "description": "Subtle border for secondary elements and light separators" }, "borderColor-neutral-emphasis": { "key": "{borderColor.neutral.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#656c76" }, "org.primer.llm": { "usage": ["neutral-emphasis", "neutral-strong"], "rules": "Use for emphasized neutral semantic borders. Stronger than neutral.muted." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{borderColor.emphasis}", "$type": "color", "$description": "Strong neutral semantic border", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{borderColor.emphasis}" }, "org.primer.llm": { "usage": ["neutral-emphasis", "neutral-strong"], "rules": "Use for emphasized neutral semantic borders. Stronger than neutral.muted." } }, "key": "{borderColor.neutral.emphasis}" }, "name": "borderColor-neutral-emphasis", "attributes": {}, "path": ["borderColor", "neutral", "emphasis"], "value": "#656c76", "type": "color", "description": "Strong neutral semantic border" }, "borderColor-neutral-muted": { "key": "{borderColor.neutral.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-dimmed": { "$value": "#3d444d", "alpha": 0.7, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#3d444db3", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["neutral-muted", "neutral-secondary"], "rules": "Use for neutral semantic borders on tags and badges. Prefer borderColor.muted for general use." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{borderColor.muted}", "$type": "color", "$description": "Subtle neutral semantic border", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-dimmed": { "$value": "{base.color.neutral.7}", "alpha": 0.7, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{borderColor.muted}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["neutral-muted", "neutral-secondary"], "rules": "Use for neutral semantic borders on tags and badges. Prefer borderColor.muted for general use." } }, "key": "{borderColor.neutral.muted}" }, "name": "borderColor-neutral-muted", "attributes": {}, "path": ["borderColor", "neutral", "muted"], "value": "#3d444db3", "type": "color", "description": "Subtle neutral semantic border" }, "borderColor-open-emphasis": { "key": "{borderColor.open.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" } }, "org.primer.overrides": { "dark-tritanopia": "#da3633", "dark-tritanopia-high-contrast": "#da3633", "light-tritanopia-high-contrast": "#da3633", "light-tritanopia": "#da3633", "dark-protanopia-deuteranopia": "#bd561d", "dark-protanopia-deuteranopia-high-contrast": "#bd561d", "light-protanopia-deuteranopia": "#bd561d", "light-protanopia-deuteranopia-high-contrast": "#bd561d" }, "org.primer.llm": { "usage": ["open-emphasis", "open-status"], "rules": "Use for emphasized open state borders. Pair with bgColor.open.emphasis." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{borderColor.success.emphasis}", "$type": "color", "$description": "Strong border for open state badges", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */" } }, "org.primer.overrides": { "dark-tritanopia": "{base.color.red.5}", "dark-tritanopia-high-contrast": "{base.color.red.5}", "light-tritanopia-high-contrast": "{base.color.red.5}", "light-tritanopia": "{base.color.red.5}", "dark-protanopia-deuteranopia": "{base.color.orange.5}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}", "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}" }, "org.primer.llm": { "usage": ["open-emphasis", "open-status"], "rules": "Use for emphasized open state borders. Pair with bgColor.open.emphasis." } }, "key": "{borderColor.open.emphasis}" }, "name": "borderColor-open-emphasis", "attributes": {}, "path": ["borderColor", "open", "emphasis"], "value": "#238636", "type": "color", "description": "Strong border for open state badges" }, "borderColor-open-muted": { "key": "{borderColor.open.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" } }, "org.primer.overrides": { "dark-tritanopia": { "$value": "#f85149", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f85149", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": "#ff7b72", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#ff7b72", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "#db6d28", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#db6d28", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "#f0883e", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f0883e", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["open-muted", "open-issue", "open-pr"], "rules": "Use for open/active status borders. Specifically for GitHub issues and PRs." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{borderColor.success.muted}", "$type": "color", "$description": "Subtle border for open state indicators", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */" } }, "org.primer.overrides": { "dark-tritanopia": { "$value": "{base.color.red.4}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.red.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": "{base.color.red.3}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.red.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "{base.color.orange.4}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "{base.color.orange.3}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["open-muted", "open-issue", "open-pr"], "rules": "Use for open/active status borders. Specifically for GitHub issues and PRs." } }, "key": "{borderColor.open.muted}" }, "name": "borderColor-open-muted", "attributes": {}, "path": ["borderColor", "open", "muted"], "value": "#2ea04366", "type": "color", "description": "Subtle border for open state indicators" }, "borderColor-severe-emphasis": { "key": "{borderColor.severe.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" } }, "org.primer.overrides": { "dark-tritanopia": "#da3633", "light-tritanopia": "#da3633", "light-tritanopia-high-contrast": "#da3633", "dark-dimmed-high-contrast": "#ffa657" }, "org.primer.llm": { "usage": ["severe-emphasis", "urgent-emphasis"], "rules": "Use for emphasized severe borders. Pair with bgColor.severe.emphasis." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.orange.5}", "$type": "color", "$description": "Strong severe border for prominent high-priority warnings", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */" } }, "org.primer.overrides": { "dark-tritanopia": "{base.color.red.5}", "light-tritanopia": "{base.color.red.5}", "light-tritanopia-high-contrast": "{base.color.red.5}", "dark-dimmed-high-contrast": "{base.color.orange.2}" }, "org.primer.llm": { "usage": ["severe-emphasis", "urgent-emphasis"], "rules": "Use for emphasized severe borders. Pair with bgColor.severe.emphasis." } }, "key": "{borderColor.severe.emphasis}" }, "name": "borderColor-severe-emphasis", "attributes": {}, "path": ["borderColor", "severe", "emphasis"], "value": "#bd561d", "type": "color", "description": "Strong severe border for prominent high-priority warnings" }, "borderColor-severe-muted": { "key": "{borderColor.severe.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" } }, "org.primer.overrides": { "dark": "#db6d28", "light-high-contrast": { "$value": "#f0883e", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#db6d28", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ffa657", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#bd561d", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": "#f85149", "dark-tritanopia-high-contrast": { "$value": "#f85149", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": "#ff7b72", "light-tritanopia-high-contrast": { "$value": "#ff7b72", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["severe-muted", "urgent-muted"], "rules": "Use for severe warning borders. More critical than attention, less than danger." } }, "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.orange.4}", "$type": "color", "$description": "Subtle severe border for high-priority warnings", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */" } }, "org.primer.overrides": { "dark": "{base.color.orange.4}", "light-high-contrast": { "$value": "{base.color.orange.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.orange.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.orange.2}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.5}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": "{base.color.red.4}", "dark-tritanopia-high-contrast": { "$value": "{base.color.red.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": "{base.color.red.3}", "light-tritanopia-high-contrast": { "$value": "{base.color.red.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["severe-muted", "urgent-muted"], "rules": "Use for severe warning borders. More critical than attention, less than danger." } }, "alpha": 0.4, "key": "{borderColor.severe.muted}" }, "name": "borderColor-severe-muted", "attributes": {}, "path": ["borderColor", "severe", "muted"], "value": "#db6d2866", "type": "color", "description": "Subtle severe border for high-priority warnings" }, "borderColor-sponsors-emphasis": { "key": "{borderColor.sponsors.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" } }, "org.primer.overrides": { "dark-dimmed-high-contrast": "#f778ba" }, "org.primer.llm": { "usage": ["sponsors-emphasis", "funding-emphasis"], "rules": "Use for emphasized Sponsors borders. Pair with bgColor.sponsors.emphasis." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.pink.5}", "$type": "color", "$description": "Strong border for prominent GitHub Sponsors elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-sponsors-emphasis) /* utility class: .color-border-sponsors-emphasis */" } }, "org.primer.overrides": { "dark-dimmed-high-contrast": "{base.color.pink.3}" }, "org.primer.llm": { "usage": ["sponsors-emphasis", "funding-emphasis"], "rules": "Use for emphasized Sponsors borders. Pair with bgColor.sponsors.emphasis." } }, "key": "{borderColor.sponsors.emphasis}" }, "name": "borderColor-sponsors-emphasis", "attributes": {}, "path": ["borderColor", "sponsors", "emphasis"], "value": "#bf4b8a", "type": "color", "description": "Strong border for prominent GitHub Sponsors elements" }, "borderColor-sponsors-muted": { "key": "{borderColor.sponsors.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" } }, "org.primer.overrides": { "dark": "#db61a2", "light-high-contrast": { "$value": "#f778ba", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f778ba", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#f778ba", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#db61a2", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ff9bce", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#db61a2", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#db61a2", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["sponsors-muted", "funding-muted"], "rules": "Use for GitHub Sponsors related borders. Do NOT use for general pink-colored elements." } }, "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.pink.4}", "$type": "color", "$description": "Subtle border for GitHub Sponsors content", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */" } }, "org.primer.overrides": { "dark": "{base.color.pink.4}", "light-high-contrast": { "$value": "{base.color.pink.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.pink.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.pink.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.pink.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.pink.2}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.pink.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.pink.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["sponsors-muted", "funding-muted"], "rules": "Use for GitHub Sponsors related borders. Do NOT use for general pink-colored elements." } }, "alpha": 0.4, "key": "{borderColor.sponsors.muted}" }, "name": "borderColor-sponsors-muted", "attributes": {}, "path": ["borderColor", "sponsors", "muted"], "value": "#db61a266", "type": "color", "description": "Subtle border for GitHub Sponsors content" }, "borderColor-success-emphasis": { "key": "{borderColor.success.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" } }, "org.primer.overrides": { "dark-tritanopia": "#1f6feb", "dark-tritanopia-high-contrast": "#1f6feb", "light-tritanopia": "#1f6feb", "light-tritanopia-high-contrast": "#1f6feb", "dark-protanopia-deuteranopia": "#1f6feb", "dark-protanopia-deuteranopia-high-contrast": "#1f6feb", "light-protanopia-deuteranopia": "#1f6feb", "light-protanopia-deuteranopia-high-contrast": "#1f6feb", "dark-dimmed-high-contrast": "#56d364" }, "org.primer.llm": { "usage": ["success-emphasis", "confirmed", "positive-emphasis"], "rules": "Use for emphasized success borders. Pair with bgColor.success.emphasis." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.green.5}", "$type": "color", "$description": "Strong success border for prominent positive elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-success-emphasis) /* utility class: .color-border-success-emphasis */" } }, "org.primer.overrides": { "dark-tritanopia": "{base.color.blue.5}", "dark-tritanopia-high-contrast": "{base.color.blue.5}", "light-tritanopia": "{base.color.blue.5}", "light-tritanopia-high-contrast": "{base.color.blue.5}", "dark-protanopia-deuteranopia": "{base.color.blue.5}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.5}", "light-protanopia-deuteranopia": "{base.color.blue.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.5}", "dark-dimmed-high-contrast": "{base.color.green.2}" }, "org.primer.llm": { "usage": ["success-emphasis", "confirmed", "positive-emphasis"], "rules": "Use for emphasized success borders. Pair with bgColor.success.emphasis." } }, "key": "{borderColor.success.emphasis}" }, "name": "borderColor-success-emphasis", "attributes": {}, "path": ["borderColor", "success", "emphasis"], "value": "#238636", "type": "color", "description": "Strong success border for prominent positive elements" }, "borderColor-success-muted": { "key": "{borderColor.success.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" } }, "org.primer.overrides": { "dark": "#2ea043", "light-high-contrast": { "$value": "#3fb950", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#2ea043", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#56d364", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": "#388bfd", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#388bfd", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": "#58a6ff", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#58a6ff", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "#388bfd", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#388bfd", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "#cae8ff", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#58a6ff", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["success-muted", "valid-muted", "positive-muted"], "rules": "Use for success state borders. Pair with bgColor.success.muted." } }, "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.green.4}", "$type": "color", "$description": "Subtle success border for positive feedback elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-success-muted) /* utility class: .color-border-success */" } }, "org.primer.overrides": { "dark": "{base.color.green.4}", "light-high-contrast": { "$value": "{base.color.green.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.green.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.green.2}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": "{base.color.blue.4}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": "{base.color.blue.3}", "alpha": 0.4, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.blue.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "{base.color.blue.4}", "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "{base.color.blue.0}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.3}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["success-muted", "valid-muted", "positive-muted"], "rules": "Use for success state borders. Pair with bgColor.success.muted." } }, "alpha": 0.4, "key": "{borderColor.success.muted}" }, "name": "borderColor-success-muted", "attributes": {}, "path": ["borderColor", "success", "muted"], "value": "#2ea04366", "type": "color", "description": "Subtle success border for positive feedback elements" }, "borderColor-translucent": { "key": "{borderColor.translucent}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"] }, "org.primer.overrides": { "light-high-contrast": { "$value": "#9198a1", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#9198a1", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#9198a1", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#9198a1", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#9198a1", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#9198a1", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#9198a1", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["overlay-border", "translucent-border"], "rules": "Use for semi-transparent borders on overlays. Works well with translucent backgrounds." } }, "alpha": 0.15, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"] }, "org.primer.overrides": { "light-high-contrast": { "$value": "{base.color.neutral.9}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.9}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.9}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.9}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.9}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.9}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.9}", "alpha": 1, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["overlay-border", "translucent-border"], "rules": "Use for semi-transparent borders on overlays. Works well with translucent backgrounds." } }, "alpha": 0.15, "key": "{borderColor.translucent}" }, "name": "borderColor-translucent", "attributes": {}, "path": ["borderColor", "translucent"], "value": "#ffffff26", "type": "color", "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design." }, "borderColor-transparent": { "key": "{borderColor.transparent}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"] } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$description": "Fully transparent border", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor", "effectColor"] } }, "key": "{borderColor.transparent}" }, "name": "borderColor-transparent", "attributes": {}, "path": ["borderColor", "transparent"], "value": "#00000000", "type": "color", "description": "Fully transparent border" }, "borderColor-upsell-emphasis": { "key": "{borderColor.upsell.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-upsell-emphasis)" } }, "org.primer.llm": { "usage": ["upsell-emphasis", "premium-emphasis"], "rules": "Use for emphasized upsell borders. Pair with bgColor.upsell.emphasis." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{borderColor.done.emphasis}", "$type": "color", "$description": "Strong border for prominent upsell elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-upsell-emphasis)" } }, "org.primer.llm": { "usage": ["upsell-emphasis", "premium-emphasis"], "rules": "Use for emphasized upsell borders. Pair with bgColor.upsell.emphasis." } }, "key": "{borderColor.upsell.emphasis}" }, "name": "borderColor-upsell-emphasis", "attributes": {}, "path": ["borderColor", "upsell", "emphasis"], "value": "#8957e5", "type": "color", "description": "Strong border for prominent upsell elements" }, "borderColor-upsell-muted": { "key": "{borderColor.upsell.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-upsell-muted)" } }, "org.primer.llm": { "usage": ["upsell-muted", "premium-muted"], "rules": "Use for upgrade prompts and premium feature borders. Do NOT use for regular content." } }, "filePath": "src/tokens/functional/color/borderColor.json5", "isSource": true, "original": { "$value": "{borderColor.done.muted}", "$type": "color", "$description": "Subtle border for upsell and promotional content", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["borderColor"], "codeSyntax": { "web": "var(--borderColor-upsell-muted)" } }, "org.primer.llm": { "usage": ["upsell-muted", "premium-muted"], "rules": "Use for upgrade prompts and premium feature borders. Do NOT use for regular content." } }, "key": "{borderColor.upsell.muted}" }, "name": "borderColor-upsell-muted", "attributes": {}, "path": ["borderColor", "upsell", "muted"], "value": "#ab7df866", "type": "color", "description": "Subtle border for upsell and promotional content" }, "button-danger-bgColor-active": { "key": "{button.danger.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#da3633", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#da3633", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#da3633", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "#da3633", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#da3633", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#da3633", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#da3633", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "#9b4215", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#9b4215", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "{base.color.orange.6}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.6}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.danger.bgColor.active}" }, "name": "button-danger-bgColor-active", "attributes": {}, "path": ["button", "danger", "bgColor", "active"], "value": "#da3633", "type": "color" }, "button-danger-bgColor-disabled": { "key": "{button.danger.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#212830", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.bgColor.disabled}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.danger.bgColor.disabled}" }, "name": "button-danger-bgColor-disabled", "attributes": {}, "path": ["button", "danger", "bgColor", "disabled"], "value": "#212830", "type": "color" }, "button-danger-bgColor-hover": { "key": "{button.danger.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#b62324", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "#9b4215", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#490202", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#8e1519", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#3d1300", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#490202", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.red.6}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "{base.color.orange.6}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.red.9}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.red.7}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.9}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.red.9}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.danger.bgColor.hover}" }, "name": "button-danger-bgColor-hover", "attributes": {}, "path": ["button", "danger", "bgColor", "hover"], "value": "#b62324", "type": "color" }, "button-danger-bgColor-rest": { "key": "{button.danger.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#212830", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.bgColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.danger.bgColor.rest}" }, "name": "button-danger-bgColor-rest", "attributes": {}, "path": ["button", "danger", "bgColor", "rest"], "value": "#212830", "type": "color" }, "button-danger-borderColor-active": { "key": "{button.danger.borderColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff26", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#ffa198", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.danger.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{button.danger.borderColor.hover}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.red.2}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.danger.borderColor.active}" }, "name": "button-danger-borderColor-active", "attributes": {}, "path": ["button", "danger", "borderColor", "active"], "value": "#ffffff26", "type": "color" }, "button-danger-borderColor-hover": { "key": "{button.danger.borderColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff26", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#ffa198", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ffc1ba", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#ffa657", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ffa198", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#8e1519", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#762d0a", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#8e1519", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{button.primary.borderColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.red.2}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.red.1}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.2}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.red.2}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.red.7}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.7}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.red.7}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.danger.borderColor.hover}" }, "name": "button-danger-borderColor-hover", "attributes": {}, "path": ["button", "danger", "borderColor", "hover"], "value": "#ffffff26", "type": "color" }, "button-danger-borderColor-rest": { "key": "{button.danger.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#3d444d", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.borderColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.danger.borderColor.rest}" }, "name": "button-danger-borderColor-rest", "attributes": {}, "path": ["button", "danger", "borderColor", "rest"], "value": "#3d444d", "type": "color" }, "button-danger-fgColor-active": { "key": "{button.danger.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.13}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.danger.fgColor.active}" }, "name": "button-danger-fgColor-active", "attributes": {}, "path": ["button", "danger", "fgColor", "active"], "value": "#ffffff", "type": "color" }, "button-danger-fgColor-disabled": { "key": "{button.danger.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f85149", "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.danger}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{fgColor.danger}", "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.5, "key": "{button.danger.fgColor.disabled}" }, "name": "button-danger-fgColor-disabled", "attributes": {}, "path": ["button", "danger", "fgColor", "disabled"], "value": "#f8514980", "type": "color" }, "button-danger-fgColor-hover": { "key": "{button.danger.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.13}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.danger.fgColor.hover}" }, "name": "button-danger-fgColor-hover", "attributes": {}, "path": ["button", "danger", "fgColor", "hover"], "value": "#ffffff", "type": "color" }, "button-danger-fgColor-rest": { "key": "{button.danger.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [3.3, 94.3, 65.7], "hex": "#FA5E55" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [3.6, 78.2, 62.2], "hex": "#ea5c53" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ffc1ba", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "#f85149", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#ffa198", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ffa198", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#ffa657", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": { "colorSpace": "hsl", "components": [3.3, 94.3, 65.7], "hex": "#FA5E55" }, "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [3.3, 94.3, 65.7], "hex": "#FA5E55" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [3.6, 78.2, 62.2], "hex": "#ea5c53" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.red.1}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "{fgColor.danger}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.red.2}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.red.2}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.2}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.danger.fgColor.rest}" }, "name": "button-danger-fgColor-rest", "attributes": {}, "path": ["button", "danger", "fgColor", "rest"], "value": "#fa5e55", "type": "color" }, "button-danger-iconColor-disabled": { "key": "{button.danger.iconColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.danger.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{button.danger.iconColor.disabled}" }, "name": "button-danger-iconColor-disabled", "attributes": {}, "path": ["button", "danger", "iconColor", "disabled"], "value": "#f8514980", "type": "color" }, "button-danger-iconColor-hover": { "key": "{button.danger.iconColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.13}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.danger.iconColor.hover}" }, "name": "button-danger-iconColor-hover", "attributes": {}, "path": ["button", "danger", "iconColor", "hover"], "value": "#ffffff", "type": "color" }, "button-danger-iconColor-rest": { "key": "{button.danger.iconColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.danger.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{button.danger.iconColor.rest}" }, "name": "button-danger-iconColor-rest", "attributes": {}, "path": ["button", "danger", "iconColor", "rest"], "value": "#fa5e55", "type": "color" }, "button-danger-shadow-selected": { "key": "{button.danger.shadow.selected}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "light-protanopia-deuteranopia": { "$value": [ { "color": "#3d1300", "alpha": 0.2, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": true } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" }, "dark": { "$value": [ { "color": "#00000000", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": [ { "color": "{base.color.transparent}", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "light-protanopia-deuteranopia": { "$value": [ { "color": "{base.color.orange.9}", "alpha": 0.2, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": true } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" }, "dark": { "$value": [ { "color": "{base.color.transparent}", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" } } }, "key": "{button.danger.shadow.selected}" }, "name": "button-danger-shadow-selected", "attributes": {}, "path": ["button", "danger", "shadow", "selected"], "value": "0 0 0 0 #00000000", "type": "shadow" }, "button-default-bgColor-active": { "key": "{button.default.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{button.default.bgColor.active}" }, "name": "button-default-bgColor-active", "attributes": {}, "path": ["button", "default", "bgColor", "active"], "value": "#2a313c", "type": "color" }, "button-default-bgColor-disabled": { "key": "{button.default.bgColor.disabled}", "$extensions": {}, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.bgColor.disabled}", "$type": "color", "$extensions": {}, "key": "{button.default.bgColor.disabled}" }, "name": "button-default-bgColor-disabled", "attributes": {}, "path": ["button", "default", "bgColor", "disabled"], "value": "#212830", "type": "color" }, "button-default-bgColor-hover": { "key": "{button.default.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#262c36", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.bgColor.hover}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.default.bgColor.hover}" }, "name": "button-default-bgColor-hover", "attributes": {}, "path": ["button", "default", "bgColor", "hover"], "value": "#262c36", "type": "color" }, "button-default-bgColor-rest": { "key": "{button.default.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#212830", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.bgColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.default.bgColor.rest}" }, "name": "button-default-bgColor-rest", "attributes": {}, "path": ["button", "default", "bgColor", "rest"], "value": "#212830", "type": "color" }, "button-default-bgColor-selected": { "key": "{button.default.bgColor.selected}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{button.default.bgColor.selected}" }, "name": "button-default-bgColor-selected", "attributes": {}, "path": ["button", "default", "bgColor", "selected"], "value": "#2a313c", "type": "color" }, "button-default-borderColor-active": { "key": "{button.default.borderColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#3d444d", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{button.default.borderColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.default.borderColor.active}" }, "name": "button-default-borderColor-active", "attributes": {}, "path": ["button", "default", "borderColor", "active"], "value": "#3d444d", "type": "color" }, "button-default-borderColor-disabled": { "key": "{button.default.borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#656c761a", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.borderColor.disabled}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.default.borderColor.disabled}" }, "name": "button-default-borderColor-disabled", "attributes": {}, "path": ["button", "default", "borderColor", "disabled"], "value": "#656c761a", "type": "color" }, "button-default-borderColor-hover": { "key": "{button.default.borderColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{button.default.borderColor.hover}" }, "name": "button-default-borderColor-hover", "attributes": {}, "path": ["button", "default", "borderColor", "hover"], "value": "#3d444d", "type": "color" }, "button-default-borderColor-rest": { "key": "{button.default.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{button.default.borderColor.rest}" }, "name": "button-default-borderColor-rest", "attributes": {}, "path": ["button", "default", "borderColor", "rest"], "value": "#3d444d", "type": "color" }, "button-default-fgColor-disabled": { "key": "{button.default.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{button.default.fgColor.disabled}" }, "name": "button-default-fgColor-disabled", "attributes": {}, "path": ["button", "default", "fgColor", "disabled"], "value": "#656c76", "type": "color" }, "button-default-fgColor-rest": { "key": "{button.default.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f0f6fc", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.fgColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.default.fgColor.rest}" }, "name": "button-default-fgColor-rest", "attributes": {}, "path": ["button", "default", "fgColor", "rest"], "value": "#f0f6fc", "type": "color" }, "button-default-shadow-resting": { "key": "{button.default.shadow.resting}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "#00000000", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": [ { "color": "{base.color.transparent}", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "{base.color.transparent}", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" } } }, "key": "{button.default.shadow.resting}" }, "name": "button-default-shadow-resting", "attributes": {}, "path": ["button", "default", "shadow", "resting"], "value": "0 0 0 0 #00000000", "type": "shadow" }, "button-inactive-bgColor": { "key": "{button.inactive.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#262c36", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#2a313c", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#212830", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#212830", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.4}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{control.bgColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{control.bgColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.inactive.bgColor}" }, "name": "button-inactive-bgColor", "attributes": {}, "path": ["button", "inactive", "bgColor"], "value": "#262c36", "type": "color" }, "button-inactive-fgColor": { "key": "{button.inactive.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#9198a1", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#656c76", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.9}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.8}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.inactive.fgColor}" }, "name": "button-inactive-fgColor", "attributes": {}, "path": ["button", "inactive", "fgColor"], "value": "#9198a1", "type": "color" }, "button-invisible-bgColor-active": { "key": "{button.invisible.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#656c7640", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#212830", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#212830", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#212830", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.transparent.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.transparent.bgColor.active}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.3}", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.3}", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.3}", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.bgColor.active}" }, "name": "button-invisible-bgColor-active", "attributes": {}, "path": ["button", "invisible", "bgColor", "active"], "value": "#656c7640", "type": "color" }, "button-invisible-bgColor-disabled": { "key": "{button.invisible.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.bgColor.disabled}" }, "name": "button-invisible-bgColor-disabled", "attributes": {}, "path": ["button", "invisible", "bgColor", "disabled"], "value": "#00000000", "type": "color" }, "button-invisible-bgColor-hover": { "key": "{button.invisible.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#656c7633", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#151b23", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#151b23", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#151b23", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.transparent.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.transparent.bgColor.hover}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.2}", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.2}", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.2}", "alpha": null, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.bgColor.hover}" }, "name": "button-invisible-bgColor-hover", "attributes": {}, "path": ["button", "invisible", "bgColor", "hover"], "value": "#656c7633", "type": "color" }, "button-invisible-bgColor-rest": { "key": "{button.invisible.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.transparent.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.transparent.bgColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.bgColor.rest}" }, "name": "button-invisible-bgColor-rest", "attributes": {}, "path": ["button", "invisible", "bgColor", "rest"], "value": "#00000000", "type": "color" }, "button-invisible-borderColor-disabled": { "key": "{button.invisible.borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.borderColor.disabled}" }, "name": "button-invisible-borderColor-disabled", "attributes": {}, "path": ["button", "invisible", "borderColor", "disabled"], "value": "#00000000", "type": "color" }, "button-invisible-borderColor-hover": { "key": "{button.invisible.borderColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.transparent.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.transparent.borderColor.hover}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.borderColor.hover}" }, "name": "button-invisible-borderColor-hover", "attributes": {}, "path": ["button", "invisible", "borderColor", "hover"], "value": "#00000000", "type": "color" }, "button-invisible-borderColor-rest": { "key": "{button.invisible.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.transparent.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.transparent.borderColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.borderColor.rest}" }, "name": "button-invisible-borderColor-rest", "attributes": {}, "path": ["button", "invisible", "borderColor", "rest"], "value": "#00000000", "type": "color" }, "button-invisible-fgColor-active": { "key": "{button.invisible.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f0f6fc", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.fgColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.fgColor.active}" }, "name": "button-invisible-fgColor-active", "attributes": {}, "path": ["button", "invisible", "fgColor", "active"], "value": "#f0f6fc", "type": "color" }, "button-invisible-fgColor-disabled": { "key": "{button.invisible.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#656c76", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.fgColor.disabled}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.fgColor.disabled}" }, "name": "button-invisible-fgColor-disabled", "attributes": {}, "path": ["button", "invisible", "fgColor", "disabled"], "value": "#656c76", "type": "color" }, "button-invisible-fgColor-hover": { "key": "{button.invisible.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f0f6fc", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.fgColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.fgColor.hover}" }, "name": "button-invisible-fgColor-hover", "attributes": {}, "path": ["button", "invisible", "fgColor", "hover"], "value": "#f0f6fc", "type": "color" }, "button-invisible-fgColor-rest": { "key": "{button.invisible.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f0f6fc", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.fgColor.rest}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.fgColor.rest}" }, "name": "button-invisible-fgColor-rest", "attributes": {}, "path": ["button", "invisible", "fgColor", "rest"], "value": "#f0f6fc", "type": "color" }, "button-invisible-iconColor-disabled": { "key": "{button.invisible.iconColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#656c76", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.fgColor.disabled}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.iconColor.disabled}" }, "name": "button-invisible-iconColor-disabled", "attributes": {}, "path": ["button", "invisible", "iconColor", "disabled"], "value": "#656c76", "type": "color" }, "button-invisible-iconColor-hover": { "key": "{button.invisible.iconColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#9198a1", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#b7bdc8", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{fgColor.muted}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.iconColor.hover}" }, "name": "button-invisible-iconColor-hover", "attributes": {}, "path": ["button", "invisible", "iconColor", "hover"], "value": "#9198a1", "type": "color" }, "button-invisible-iconColor-rest": { "key": "{button.invisible.iconColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#9198a1", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#b7bdc8", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#d1d7e0", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{fgColor.muted}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.11}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.invisible.iconColor.rest}" }, "name": "button-invisible-iconColor-rest", "attributes": {}, "path": ["button", "invisible", "iconColor", "rest"], "value": "#9198a1", "type": "color" }, "button-outline-bgColor-active": { "key": "{button.outline.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#0d419d", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [218.3, 84.7, 33.3], "hex": "#0d419d" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [218.3, 84.7, 33.3], "hex": "#0d419d" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.blue.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.blue.7}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [218.3, 84.7, 33.3], "hex": "#0d419d" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [218.3, 84.7, 33.3], "hex": "#0d419d" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.outline.bgColor.active}" }, "name": "button-outline-bgColor-active", "attributes": {}, "path": ["button", "outline", "bgColor", "active"], "value": "#0d419d", "type": "color" }, "button-outline-bgColor-disabled": { "key": "{button.outline.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#212830", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [212, 18.5, 15.9], "hex": "#212830" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.bgColor.disabled}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [212, 18.5, 15.9], "hex": "#212830" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.outline.bgColor.disabled}" }, "name": "button-outline-bgColor-disabled", "attributes": {}, "path": ["button", "outline", "bgColor", "disabled"], "value": "#212830", "type": "color" }, "button-outline-bgColor-hover": { "key": "{button.outline.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#262c36", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [217.5, 17.4, 18], "hex": "#262c36" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{control.bgColor.hover}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [217.5, 17.4, 18], "hex": "#262c36" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.outline.bgColor.hover}" }, "name": "button-outline-bgColor-hover", "attributes": {}, "path": ["button", "outline", "bgColor", "hover"], "value": "#262c36", "type": "color" }, "button-outline-bgColor-rest": { "key": "{button.outline.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f0f6fc", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.12}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.outline.bgColor.rest}" }, "name": "button-outline-bgColor-rest", "attributes": {}, "path": ["button", "outline", "bgColor", "rest"], "value": "#f0f6fc", "type": "color" }, "button-outline-borderColor-active": { "key": "{button.outline.borderColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.outline.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{button.outline.borderColor.active}" }, "name": "button-outline-borderColor-active", "attributes": {}, "path": ["button", "outline", "borderColor", "active"], "value": "#3d444d", "type": "color" }, "button-outline-borderColor-hover": { "key": "{button.outline.borderColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#3d444d", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#0d419d", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#0d419d", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#0d419d", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.default.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{button.default.borderColor.hover}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.blue.7}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.7}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.blue.7}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.outline.borderColor.hover}" }, "name": "button-outline-borderColor-hover", "attributes": {}, "path": ["button", "outline", "borderColor", "hover"], "value": "#3d444d", "type": "color" }, "button-outline-fgColor-active": { "key": "{button.outline.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.13}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.outline.fgColor.active}" }, "name": "button-outline-fgColor-active", "attributes": {}, "path": ["button", "outline", "fgColor", "active"], "value": "#ffffff", "type": "color" }, "button-outline-fgColor-disabled": { "key": "{button.outline.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#4493f8", "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [214.3, 76.1, 59], "hex": "#478be6" }, "alpha": 0.502, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.accent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{fgColor.accent}", "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [214.3, 76.1, 59], "hex": "#478be6" }, "alpha": 0.502, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.5, "key": "{button.outline.fgColor.disabled}" }, "name": "button-outline-fgColor-disabled", "attributes": {}, "path": ["button", "outline", "fgColor", "disabled"], "value": "#4493f880", "type": "color" }, "button-outline-fgColor-hover": { "key": "{button.outline.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#58a6ff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.blue.3}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.outline.fgColor.hover}" }, "name": "button-outline-fgColor-hover", "attributes": {}, "path": ["button", "outline", "fgColor", "hover"], "value": "#58a6ff", "type": "color" }, "button-outline-fgColor-rest": { "key": "{button.outline.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#388bfd", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.blue.4}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.outline.fgColor.rest}" }, "name": "button-outline-fgColor-rest", "attributes": {}, "path": ["button", "outline", "fgColor", "rest"], "value": "#388bfd", "type": "color" }, "button-outline-shadow-selected": { "key": "{button.outline.shadow.selected}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "#00000000", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": [ { "color": "{base.color.transparent}", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "{base.color.transparent}", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" } } }, "key": "{button.outline.shadow.selected}" }, "name": "button-outline-shadow-selected", "attributes": {}, "path": ["button", "outline", "shadow", "selected"], "value": "0 0 0 0 #00000000", "type": "shadow" }, "button-primary-bgColor-active": { "key": "{button.primary.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [130, 54, 39.2], "hex": "#2E9A40" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [123.1, 36.8, 41], "hex": "#428f46" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#238636", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [214.9, 88.7, 58.2], "hex": "#3685f3" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [214.9, 88.7, 58.2], "hex": "#3685f3" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [214.9, 88.7, 58.2], "hex": "#3685f3" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [214.9, 88.7, 58.2], "hex": "#3685f3" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [137.2, 80.1, 31.6], "hex": "#109135" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": { "colorSpace": "hsl", "components": [212.6, 93.2, 40.6], "hex": "#075fc8" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [212.6, 93.2, 40.6], "hex": "#075fc8" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [212.6, 93.2, 40.6], "hex": "#075fc8" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [212.6, 93.2, 40.6], "hex": "#075fc8" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [138.7, 92.8, 16.3], "hex": "#03501b" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": { "colorSpace": "hsl", "components": [130, 54, 39.2], "hex": "#2E9A40" }, "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [130, 54, 39.2], "hex": "#2E9A40" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [123.1, 36.8, 41], "hex": "#428f46" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.green.5}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [214.9, 88.7, 58.2], "hex": "#3685f3" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [214.9, 88.7, 58.2], "hex": "#3685f3" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [214.9, 88.7, 58.2], "hex": "#3685f3" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [214.9, 88.7, 58.2], "hex": "#3685f3" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [137.2, 80.1, 31.6], "hex": "#109135" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": { "colorSpace": "hsl", "components": [212.6, 93.2, 40.6], "hex": "#075fc8" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [212.6, 93.2, 40.6], "hex": "#075fc8" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [212.6, 93.2, 40.6], "hex": "#075fc8" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [212.6, 93.2, 40.6], "hex": "#075fc8" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [138.7, 92.8, 16.3], "hex": "#03501b" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.primary.bgColor.active}" }, "name": "button-primary-bgColor-active", "attributes": {}, "path": ["button", "primary", "bgColor", "active"], "value": "#2e9a40", "type": "color" }, "button-primary-bgColor-disabled": { "key": "{button.primary.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [135.8, 69.2, 20.4], "hex": "#105823" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [135.8, 69.2, 20.4], "hex": "#105823" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [211.3, 98.8, 68.4], "hex": "#5fabfe" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [211.3, 98.8, 68.4], "hex": "#5fabfe" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "#1158c7", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#1158c7", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [138.6, 94.6, 28.8], "hex": "#048f2f" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": { "colorSpace": "hsl", "components": [209.2, 100, 78.6], "hex": "#92caff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [209.2, 100, 78.6], "hex": "#92caff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [209.2, 100, 78.6], "hex": "#92caff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [209.2, 100, 78.6], "hex": "#92caff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [135.4, 40.2, 65.9], "hex": "#85cb97" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": { "colorSpace": "hsl", "components": [135.8, 69.2, 20.4], "hex": "#105823" }, "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [135.8, 69.2, 20.4], "hex": "#105823" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [135.8, 69.2, 20.4], "hex": "#105823" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [211.3, 98.8, 68.4], "hex": "#5fabfe" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [211.3, 98.8, 68.4], "hex": "#5fabfe" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "{base.color.blue.6}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.6}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [138.6, 94.6, 28.8], "hex": "#048f2f" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": { "colorSpace": "hsl", "components": [209.2, 100, 78.6], "hex": "#92caff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [209.2, 100, 78.6], "hex": "#92caff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [209.2, 100, 78.6], "hex": "#92caff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [209.2, 100, 78.6], "hex": "#92caff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [135.4, 40.2, 65.9], "hex": "#85cb97" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.primary.bgColor.disabled}" }, "name": "button-primary-bgColor-disabled", "attributes": {}, "path": ["button", "primary", "bgColor", "disabled"], "value": "#105823", "type": "color" }, "button-primary-bgColor-hover": { "key": "{button.primary.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [130.5, 55.7, 36.3], "hex": "#29903B" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [124, 38.9, 37.8], "hex": "#3b8640" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#196c2e", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [215.6, 86, 55.1], "hex": "#2a7aef" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.6, 86, 55.1], "hex": "#2a7aef" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [215.6, 86, 55.1], "hex": "#2a7aef" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.6, 86, 55.1], "hex": "#2a7aef" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [138.6, 87.6, 25.3], "hex": "#08792b" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": { "colorSpace": "hsl", "components": [212.5, 92.6, 42.5], "hex": "#0864d1" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [212.5, 92.6, 42.5], "hex": "#0864d1" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [212.5, 92.6, 42.5], "hex": "#0864d1" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [212.5, 92.6, 42.5], "hex": "#0864d1" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [138.8, 91.2, 17.8], "hex": "#04571e" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": { "colorSpace": "hsl", "components": [130.5, 55.7, 36.3], "hex": "#29903B" }, "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [130.5, 55.7, 36.3], "hex": "#29903B" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [124, 38.9, 37.8], "hex": "#3b8640" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.green.6}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [215.6, 86, 55.1], "hex": "#2a7aef" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.6, 86, 55.1], "hex": "#2a7aef" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [215.6, 86, 55.1], "hex": "#2a7aef" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.6, 86, 55.1], "hex": "#2a7aef" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [138.6, 87.6, 25.3], "hex": "#08792b" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia": { "$value": { "colorSpace": "hsl", "components": [212.5, 92.6, 42.5], "hex": "#0864d1" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [212.5, 92.6, 42.5], "hex": "#0864d1" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [212.5, 92.6, 42.5], "hex": "#0864d1" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [212.5, 92.6, 42.5], "hex": "#0864d1" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [138.8, 91.2, 17.8], "hex": "#04571e" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.primary.bgColor.hover}" }, "name": "button-primary-bgColor-hover", "attributes": {}, "path": ["button", "primary", "bgColor", "hover"], "value": "#29903b", "type": "color" }, "button-primary-bgColor-rest": { "key": "{button.primary.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#238636", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#238636", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{bgColor.success.emphasis}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.green.5}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.primary.bgColor.rest}" }, "name": "button-primary-bgColor-rest", "attributes": {}, "path": ["button", "primary", "bgColor", "rest"], "value": "#238636", "type": "color" }, "button-primary-borderColor-active": { "key": "{button.primary.borderColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{button.primary.borderColor.active}" }, "name": "button-primary-borderColor-active", "attributes": {}, "path": ["button", "primary", "borderColor", "active"], "value": "#ffffff26", "type": "color" }, "button-primary-borderColor-disabled": { "key": "{button.primary.borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [135.8, 69.2, 20.4], "hex": "#105823" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [135.8, 69.2, 20.4], "hex": "#105823" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [211.3, 98.8, 68.4], "hex": "#5fabfe" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [211.3, 98.8, 68.4], "hex": "#5fabfe" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [216.6, 84.3, 42.4], "hex": "#1158c7" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 84.3, 42.4], "hex": "#1158c7" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#56d364", "alpha": 0.4, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [135.4, 40.2, 65.9], "hex": "#85cb97" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": { "colorSpace": "hsl", "components": [135.8, 69.2, 20.4], "hex": "#105823" }, "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [135.8, 69.2, 20.4], "hex": "#105823" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [135.8, 69.2, 20.4], "hex": "#105823" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": { "colorSpace": "hsl", "components": [211.3, 98.8, 68.4], "hex": "#5fabfe" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [211.3, 98.8, 68.4], "hex": "#5fabfe" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": { "colorSpace": "hsl", "components": [216.6, 84.3, 42.4], "hex": "#1158c7" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 84.3, 42.4], "hex": "#1158c7" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.green.2}", "alpha": 0.4, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [135.4, 40.2, 65.9], "hex": "#85cb97" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.primary.borderColor.disabled}" }, "name": "button-primary-borderColor-disabled", "attributes": {}, "path": ["button", "primary", "borderColor", "disabled"], "value": "#105823", "type": "color" }, "button-primary-borderColor-hover": { "key": "{button.primary.borderColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.primary.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{button.primary.borderColor.hover}" }, "name": "button-primary-borderColor-hover", "attributes": {}, "path": ["button", "primary", "borderColor", "hover"], "value": "#ffffff26", "type": "color" }, "button-primary-borderColor-rest": { "key": "{button.primary.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": { "$value": "#56d364", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#56d364", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#79c0ff", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#79c0ff", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#0f5323", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#0d419d", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#0d419d", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{borderColor.translucent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": { "$value": "{base.color.green.2}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.green.2}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.2}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.blue.2}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.green.7}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.7}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.blue.7}", "alpha": 1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.primary.borderColor.rest}" }, "name": "button-primary-borderColor-rest", "attributes": {}, "path": ["button", "primary", "borderColor", "rest"], "value": "#ffffff26", "type": "color" }, "button-primary-fgColor-disabled": { "key": "{button.primary.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff", "alpha": 0.4, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.4, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.13}", "alpha": 0.4, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.4, "key": "{button.primary.fgColor.disabled}" }, "name": "button-primary-fgColor-disabled", "attributes": {}, "path": ["button", "primary", "fgColor", "disabled"], "value": "#ffffff66", "type": "color" }, "button-primary-fgColor-rest": { "key": "{button.primary.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{fgColor.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.primary.fgColor.rest}" }, "name": "button-primary-fgColor-rest", "attributes": {}, "path": ["button", "primary", "fgColor", "rest"], "value": "#ffffff", "type": "color" }, "button-primary-iconColor-disabled": { "key": "{button.primary.iconColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.primary.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{button.primary.iconColor.disabled}" }, "name": "button-primary-iconColor-disabled", "attributes": {}, "path": ["button", "primary", "iconColor", "disabled"], "value": "#ffffff66", "type": "color" }, "button-primary-iconColor-rest": { "key": "{button.primary.iconColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "light": { "$value": "#ffffff", "alpha": 0.8, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.white}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "light": { "$value": "{fgColor.white}", "alpha": 0.8, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark": { "$value": "{fgColor.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [0, 0, 100], "hex": "#ffffff" }, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.primary.iconColor.rest}" }, "name": "button-primary-iconColor-rest", "attributes": {}, "path": ["button", "primary", "iconColor", "rest"], "value": "#ffffff", "type": "color" }, "button-primary-shadow-selected": { "key": "{button.primary.shadow.selected}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "light-tritanopia": { "$value": [ { "color": "#051d4d", "alpha": 0.3, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": true } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" }, "light-protanopia-deuteranopia": { "$value": [ { "color": "#051d4d", "alpha": 0.3, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": true } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" }, "dark": { "$value": [ { "color": "#00000000", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": [ { "color": "{base.color.transparent}", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "light-tritanopia": { "$value": [ { "color": "{base.color.blue.9}", "alpha": 0.3, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": true } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" }, "light-protanopia-deuteranopia": { "$value": [ { "color": "{base.color.blue.9}", "alpha": 0.3, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": true } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" }, "dark": { "$value": [ { "color": "{base.color.transparent}", "alpha": 0, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "shadow" } } }, "key": "{button.primary.shadow.selected}" }, "name": "button-primary-shadow-selected", "attributes": {}, "path": ["button", "primary", "shadow", "selected"], "value": "0 0 0 0 #00000000", "type": "shadow" }, "button-star-iconColor": { "key": "{button.star.iconColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#e3b341", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.yellow.2}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{button.star.iconColor}" }, "name": "button-star-iconColor", "attributes": {}, "path": ["button", "star", "iconColor"], "value": "#e3b341", "type": "color" }, "buttonCounter-danger-bgColor-disabled": { "key": "{buttonCounter.danger.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#da3633", "alpha": 0.05, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.05, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{bgColor.danger.emphasis}", "alpha": 0.05, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.05, "key": "{buttonCounter.danger.bgColor.disabled}" }, "name": "buttonCounter-danger-bgColor-disabled", "attributes": {}, "path": ["buttonCounter", "danger", "bgColor", "disabled"], "value": "#da36330d", "type": "color" }, "buttonCounter-danger-bgColor-hover": { "key": "{buttonCounter.danger.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff", "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#010409", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#010409", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#010409", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.13}", "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.0}", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.0}", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.0}", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "key": "{buttonCounter.danger.bgColor.hover}" }, "name": "buttonCounter-danger-bgColor-hover", "attributes": {}, "path": ["buttonCounter", "danger", "bgColor", "hover"], "value": "#ffffff33", "type": "color" }, "buttonCounter-danger-bgColor-rest": { "key": "{buttonCounter.danger.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#490202", "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#010409", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#010409", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#010409", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.red.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.red.9}", "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.0}", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.0}", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.0}", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "key": "{buttonCounter.danger.bgColor.rest}" }, "name": "buttonCounter-danger-bgColor-rest", "attributes": {}, "path": ["buttonCounter", "danger", "bgColor", "rest"], "value": "#49020233", "type": "color" }, "buttonCounter-danger-fgColor-disabled": { "key": "{buttonCounter.danger.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f85149", "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.danger}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{fgColor.danger}", "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.5, "key": "{buttonCounter.danger.fgColor.disabled}" }, "name": "buttonCounter-danger-fgColor-disabled", "attributes": {}, "path": ["buttonCounter", "danger", "fgColor", "disabled"], "value": "#f8514980", "type": "color" }, "buttonCounter-danger-fgColor-hover": { "key": "{buttonCounter.danger.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.13}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{buttonCounter.danger.fgColor.hover}" }, "name": "buttonCounter-danger-fgColor-hover", "attributes": {}, "path": ["buttonCounter", "danger", "fgColor", "hover"], "value": "#ffffff", "type": "color" }, "buttonCounter-danger-fgColor-rest": { "key": "{buttonCounter.danger.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f85149", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#f85149", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#f85149", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "#9b4215", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f85149", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.danger}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{fgColor.danger}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{fgColor.danger}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{fgColor.danger}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": { "$value": "{base.color.orange.6}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{fgColor.danger}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{buttonCounter.danger.fgColor.rest}" }, "name": "buttonCounter-danger-fgColor-rest", "attributes": {}, "path": ["buttonCounter", "danger", "fgColor", "rest"], "value": "#f85149", "type": "color" }, "buttonCounter-default-bgColor-rest": { "key": "{buttonCounter.default.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2f3742", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": "#3d444d", "light-protanopia-deuteranopia-high-contrast": "#3d444d", "light-tritanopia-high-contrast": "#3d444d" } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": "{base.color.neutral.7}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.7}", "light-tritanopia-high-contrast": "{base.color.neutral.7}" } }, "key": "{buttonCounter.default.bgColor.rest}" }, "name": "buttonCounter-default-bgColor-rest", "attributes": {}, "path": ["buttonCounter", "default", "bgColor", "rest"], "value": "#2f3742", "type": "color" }, "buttonCounter-invisible-bgColor-rest": { "key": "{buttonCounter.invisible.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#656c7633", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{bgColor.neutral.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{bgColor.neutral.muted}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{buttonCounter.invisible.bgColor.rest}" }, "name": "buttonCounter-invisible-bgColor-rest", "attributes": {}, "path": ["buttonCounter", "invisible", "bgColor", "rest"], "value": "#656c7633", "type": "color" }, "buttonCounter-outline-bgColor-disabled": { "key": "{buttonCounter.outline.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1f6feb", "alpha": 0.05, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.05, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{bgColor.accent.emphasis}", "alpha": 0.05, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.05, "key": "{buttonCounter.outline.bgColor.disabled}" }, "name": "buttonCounter-outline-bgColor-disabled", "attributes": {}, "path": ["buttonCounter", "outline", "bgColor", "disabled"], "value": "#1f6feb0d", "type": "color" }, "buttonCounter-outline-bgColor-hover": { "key": "{buttonCounter.outline.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#051d4d", "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.blue.9}", "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "key": "{buttonCounter.outline.bgColor.hover}" }, "name": "buttonCounter-outline-bgColor-hover", "attributes": {}, "path": ["buttonCounter", "outline", "bgColor", "hover"], "value": "#051d4d33", "type": "color" }, "buttonCounter-outline-bgColor-rest": { "key": "{buttonCounter.outline.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#051d4d", "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.blue.9}", "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "key": "{buttonCounter.outline.bgColor.rest}" }, "name": "buttonCounter-outline-bgColor-rest", "attributes": {}, "path": ["buttonCounter", "outline", "bgColor", "rest"], "value": "#051d4d33", "type": "color" }, "buttonCounter-outline-fgColor-disabled": { "key": "{buttonCounter.outline.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#4493f8", "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.accent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{fgColor.accent}", "alpha": 0.5, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.5, "key": "{buttonCounter.outline.fgColor.disabled}" }, "name": "buttonCounter-outline-fgColor-disabled", "attributes": {}, "path": ["buttonCounter", "outline", "fgColor", "disabled"], "value": "#4493f880", "type": "color" }, "buttonCounter-outline-fgColor-hover": { "key": "{buttonCounter.outline.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#58a6ff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.blue.3}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{buttonCounter.outline.fgColor.hover}" }, "name": "buttonCounter-outline-fgColor-hover", "attributes": {}, "path": ["buttonCounter", "outline", "fgColor", "hover"], "value": "#58a6ff", "type": "color" }, "buttonCounter-outline-fgColor-rest": { "key": "{buttonCounter.outline.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#388bfd", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.blue.4}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{buttonCounter.outline.fgColor.rest}" }, "name": "buttonCounter-outline-fgColor-rest", "attributes": {}, "path": ["buttonCounter", "outline", "fgColor", "rest"], "value": "#388bfd", "type": "color" }, "buttonCounter-primary-bgColor-rest": { "key": "{buttonCounter.primary.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#04260f", "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#010409", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#010409", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#010409", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.green.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.green.9}", "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.0}", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.0}", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.0}", "alpha": 0.15, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "key": "{buttonCounter.primary.bgColor.rest}" }, "name": "buttonCounter-primary-bgColor-rest", "attributes": {}, "path": ["buttonCounter", "primary", "bgColor", "rest"], "value": "#04260f33", "type": "color" }, "buttonKeybindingHint-danger-bgColor-active": { "key": "{buttonKeybindingHint.danger.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "alpha": 0.4, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "alpha": 0.4, "key": "{buttonKeybindingHint.danger.bgColor.active}" }, "name": "buttonKeybindingHint-danger-bgColor-active", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "bgColor", "active"], "value": "#01040966", "type": "color" }, "buttonKeybindingHint-danger-bgColor-disabled": { "key": "{buttonKeybindingHint.danger.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{buttonKeybindingHint.default.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{buttonKeybindingHint.danger.bgColor.disabled}" }, "name": "buttonKeybindingHint-danger-bgColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "bgColor", "disabled"], "value": "#2a313c", "type": "color" }, "buttonKeybindingHint-danger-bgColor-hover": { "key": "{buttonKeybindingHint.danger.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "alpha": 0.2, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "alpha": 0.2, "key": "{buttonKeybindingHint.danger.bgColor.hover}" }, "name": "buttonKeybindingHint-danger-bgColor-hover", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "bgColor", "hover"], "value": "#01040933", "type": "color" }, "buttonKeybindingHint-danger-bgColor-rest": { "key": "{buttonKeybindingHint.danger.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{buttonKeybindingHint.default.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{buttonKeybindingHint.danger.bgColor.rest}" }, "name": "buttonKeybindingHint-danger-bgColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "bgColor", "rest"], "value": "#2a313c", "type": "color" }, "buttonKeybindingHint-danger-borderColor-active": { "key": "{buttonKeybindingHint.danger.borderColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{buttonKeybindingHint.danger.borderColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{buttonKeybindingHint.danger.borderColor.active}" }, "name": "buttonKeybindingHint-danger-borderColor-active", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "borderColor", "active"], "value": "#0104091a", "type": "color" }, "buttonKeybindingHint-danger-borderColor-disabled": { "key": "{buttonKeybindingHint.danger.borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{buttonKeybindingHint.default.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{buttonKeybindingHint.danger.borderColor.disabled}" }, "name": "buttonKeybindingHint-danger-borderColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "borderColor", "disabled"], "value": "#656c761a", "type": "color" }, "buttonKeybindingHint-danger-borderColor-hover": { "key": "{buttonKeybindingHint.danger.borderColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#010409", "alpha": 0.1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#010409", "alpha": 0.1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "alpha": 0.1, "original": { "$value": "{base.color.black}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.black}", "alpha": 0.1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.black}", "alpha": 0.1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.1, "key": "{buttonKeybindingHint.danger.borderColor.hover}" }, "name": "buttonKeybindingHint-danger-borderColor-hover", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "borderColor", "hover"], "value": "#0104091a", "type": "color" }, "buttonKeybindingHint-danger-borderColor-rest": { "key": "{buttonKeybindingHint.danger.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{buttonKeybindingHint.default.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{buttonKeybindingHint.danger.borderColor.rest}" }, "name": "buttonKeybindingHint-danger-borderColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "borderColor", "rest"], "value": "#3d444db3", "type": "color" }, "buttonKeybindingHint-danger-fgColor-active": { "key": "{buttonKeybindingHint.danger.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{buttonKeybindingHint.danger.fgColor.active}" }, "name": "buttonKeybindingHint-danger-fgColor-active", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "fgColor", "active"], "value": "#ffffff", "type": "color" }, "buttonKeybindingHint-danger-fgColor-disabled": { "key": "{buttonKeybindingHint.danger.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{buttonKeybindingHint.default.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{buttonKeybindingHint.danger.fgColor.disabled}" }, "name": "buttonKeybindingHint-danger-fgColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "fgColor", "disabled"], "value": "#656c76", "type": "color" }, "buttonKeybindingHint-danger-fgColor-hover": { "key": "{buttonKeybindingHint.danger.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{buttonKeybindingHint.danger.fgColor.hover}" }, "name": "buttonKeybindingHint-danger-fgColor-hover", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "fgColor", "hover"], "value": "#ffffff", "type": "color" }, "buttonKeybindingHint-danger-fgColor-rest": { "key": "{buttonKeybindingHint.danger.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{buttonKeybindingHint.default.fgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{buttonKeybindingHint.danger.fgColor.rest}" }, "name": "buttonKeybindingHint-danger-fgColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "danger", "fgColor", "rest"], "value": "#9198a1", "type": "color" }, "buttonKeybindingHint-default-bgColor-disabled": { "key": "{buttonKeybindingHint.default.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{buttonKeybindingHint.default.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{buttonKeybindingHint.default.bgColor.disabled}" }, "name": "buttonKeybindingHint-default-bgColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "default", "bgColor", "disabled"], "value": "#2a313c", "type": "color" }, "buttonKeybindingHint-default-bgColor-rest": { "key": "{buttonKeybindingHint.default.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2a313c", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": "#262c36", "dark-protanopia-deuteranopia-high-contrast": "#262c36", "dark-tritanopia-high-contrast": "#262c36" } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": "{base.color.neutral.4}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}", "dark-tritanopia-high-contrast": "{base.color.neutral.4}" } }, "key": "{buttonKeybindingHint.default.bgColor.rest}" }, "name": "buttonKeybindingHint-default-bgColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "default", "bgColor", "rest"], "value": "#2a313c", "type": "color" }, "buttonKeybindingHint-default-borderColor-disabled": { "key": "{buttonKeybindingHint.default.borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{buttonKeybindingHint.default.borderColor.disabled}" }, "name": "buttonKeybindingHint-default-borderColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "default", "borderColor", "disabled"], "value": "#656c761a", "type": "color" }, "buttonKeybindingHint-default-borderColor-rest": { "key": "{buttonKeybindingHint.default.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{borderColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{buttonKeybindingHint.default.borderColor.rest}" }, "name": "buttonKeybindingHint-default-borderColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "default", "borderColor", "rest"], "value": "#3d444db3", "type": "color" }, "buttonKeybindingHint-default-fgColor-disabled": { "key": "{buttonKeybindingHint.default.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{buttonKeybindingHint.default.fgColor.disabled}" }, "name": "buttonKeybindingHint-default-fgColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "default", "fgColor", "disabled"], "value": "#656c76", "type": "color" }, "buttonKeybindingHint-default-fgColor-rest": { "key": "{buttonKeybindingHint.default.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{buttonKeybindingHint.default.fgColor.rest}" }, "name": "buttonKeybindingHint-default-fgColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "default", "fgColor", "rest"], "value": "#9198a1", "type": "color" }, "buttonKeybindingHint-inactive-bgColor": { "key": "{buttonKeybindingHint.inactive.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2a313c", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": "#262c36", "dark-protanopia-deuteranopia-high-contrast": "#262c36", "dark-tritanopia-high-contrast": "#262c36" } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": "{base.color.neutral.4}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.4}", "dark-tritanopia-high-contrast": "{base.color.neutral.4}" } }, "key": "{buttonKeybindingHint.inactive.bgColor}" }, "name": "buttonKeybindingHint-inactive-bgColor", "attributes": {}, "path": ["buttonKeybindingHint", "inactive", "bgColor"], "value": "#2a313c", "type": "color" }, "buttonKeybindingHint-inactive-borderColor": { "key": "{buttonKeybindingHint.inactive.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{borderColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{buttonKeybindingHint.inactive.borderColor}" }, "name": "buttonKeybindingHint-inactive-borderColor", "attributes": {}, "path": ["buttonKeybindingHint", "inactive", "borderColor"], "value": "#3d444db3", "type": "color" }, "buttonKeybindingHint-inactive-fgColor": { "key": "{buttonKeybindingHint.inactive.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.inactive.fgColor}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{buttonKeybindingHint.inactive.fgColor}" }, "name": "buttonKeybindingHint-inactive-fgColor", "attributes": {}, "path": ["buttonKeybindingHint", "inactive", "fgColor"], "value": "#9198a1", "type": "color" }, "buttonKeybindingHint-invisible-bgColor-active": { "key": "{buttonKeybindingHint.invisible.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.transparent.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{buttonKeybindingHint.invisible.bgColor.active}" }, "name": "buttonKeybindingHint-invisible-bgColor-active", "attributes": {}, "path": ["buttonKeybindingHint", "invisible", "bgColor", "active"], "value": "#656c7640", "type": "color" }, "buttonKeybindingHint-invisible-bgColor-disabled": { "key": "{buttonKeybindingHint.invisible.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.invisible.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{buttonKeybindingHint.invisible.bgColor.disabled}" }, "name": "buttonKeybindingHint-invisible-bgColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "invisible", "bgColor", "disabled"], "value": "#00000000", "type": "color" }, "buttonKeybindingHint-invisible-bgColor-hover": { "key": "{buttonKeybindingHint.invisible.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.transparent.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{buttonKeybindingHint.invisible.bgColor.hover}" }, "name": "buttonKeybindingHint-invisible-bgColor-hover", "attributes": {}, "path": ["buttonKeybindingHint", "invisible", "bgColor", "hover"], "value": "#656c7633", "type": "color" }, "buttonKeybindingHint-invisible-bgColor-rest": { "key": "{buttonKeybindingHint.invisible.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{buttonKeybindingHint.default.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{buttonKeybindingHint.invisible.bgColor.rest}" }, "name": "buttonKeybindingHint-invisible-bgColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "invisible", "bgColor", "rest"], "value": "#2a313c", "type": "color" }, "buttonKeybindingHint-invisible-borderColor-disabled": { "key": "{buttonKeybindingHint.invisible.borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{buttonKeybindingHint.invisible.borderColor.disabled}" }, "name": "buttonKeybindingHint-invisible-borderColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "invisible", "borderColor", "disabled"], "value": "#656c761a", "type": "color" }, "buttonKeybindingHint-invisible-borderColor-rest": { "key": "{buttonKeybindingHint.invisible.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": { "$value": "#3d444db3", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#3d444db3", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#3d444db3", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#3d444db3", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#3d444db3", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#3d444db3", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": { "$value": "{borderColor.muted}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{borderColor.muted}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.muted}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{borderColor.muted}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{borderColor.muted}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.muted}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "key": "{buttonKeybindingHint.invisible.borderColor.rest}" }, "name": "buttonKeybindingHint-invisible-borderColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "invisible", "borderColor", "rest"], "value": "#00000000", "type": "color" }, "buttonKeybindingHint-invisible-fgColor-disabled": { "key": "{buttonKeybindingHint.invisible.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{buttonKeybindingHint.invisible.fgColor.disabled}" }, "name": "buttonKeybindingHint-invisible-fgColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "invisible", "fgColor", "disabled"], "value": "#656c76", "type": "color" }, "buttonKeybindingHint-invisible-fgColor-rest": { "key": "{buttonKeybindingHint.invisible.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{buttonKeybindingHint.invisible.fgColor.rest}" }, "name": "buttonKeybindingHint-invisible-fgColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "invisible", "fgColor", "rest"], "value": "#9198a1", "type": "color" }, "buttonKeybindingHint-primary-bgColor-disabled": { "key": "{buttonKeybindingHint.primary.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "alpha": 0.1, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{buttonCounter.primary.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "alpha": 0.1, "key": "{buttonKeybindingHint.primary.bgColor.disabled}" }, "name": "buttonKeybindingHint-primary-bgColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "primary", "bgColor", "disabled"], "value": "#04260f1a", "type": "color" }, "buttonKeybindingHint-primary-bgColor-rest": { "key": "{buttonKeybindingHint.primary.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{buttonCounter.primary.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{buttonKeybindingHint.primary.bgColor.rest}" }, "name": "buttonKeybindingHint-primary-bgColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "primary", "bgColor", "rest"], "value": "#04260f33", "type": "color" }, "buttonKeybindingHint-primary-borderColor-disabled": { "key": "{buttonKeybindingHint.primary.borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{control.borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{buttonKeybindingHint.primary.borderColor.disabled}" }, "name": "buttonKeybindingHint-primary-borderColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "primary", "borderColor", "disabled"], "value": "#656c761a", "type": "color" }, "buttonKeybindingHint-primary-borderColor-rest": { "key": "{buttonKeybindingHint.primary.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-dimmed": { "$value": "#04260f33", "alpha": 0.1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark": { "$value": "#04260f33", "alpha": 0.1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "alpha": 0.1, "original": { "$value": "{buttonCounter.primary.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-dimmed": { "$value": "{buttonCounter.primary.bgColor.rest}", "alpha": 0.1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark": { "$value": "{buttonCounter.primary.bgColor.rest}", "alpha": 0.1, "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.white}", "filePath": "src/tokens/component/button.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.1, "key": "{buttonKeybindingHint.primary.borderColor.rest}" }, "name": "buttonKeybindingHint-primary-borderColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "primary", "borderColor", "rest"], "value": "#04260f1a", "type": "color" }, "buttonKeybindingHint-primary-fgColor-disabled": { "key": "{buttonKeybindingHint.primary.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{button.primary.fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{buttonKeybindingHint.primary.fgColor.disabled}" }, "name": "buttonKeybindingHint-primary-fgColor-disabled", "attributes": {}, "path": ["buttonKeybindingHint", "primary", "fgColor", "disabled"], "value": "#ffffff66", "type": "color" }, "buttonKeybindingHint-primary-fgColor-rest": { "key": "{buttonKeybindingHint.primary.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/button.json5", "isSource": true, "original": { "$value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{buttonKeybindingHint.primary.fgColor.rest}" }, "name": "buttonKeybindingHint-primary-fgColor-rest", "attributes": {}, "path": ["buttonKeybindingHint", "primary", "fgColor", "rest"], "value": "#ffffff", "type": "color" }, "card-bgColor": { "key": "{card.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#151b23" } }, "filePath": "src/tokens/component/card.json5", "isSource": true, "original": { "$value": "{bgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{bgColor.muted}" } }, "key": "{card.bgColor}" }, "name": "card-bgColor", "attributes": {}, "path": ["card", "bgColor"], "value": "#151b23", "type": "color" }, "codeMirror-activeline-bgColor": { "key": "{codeMirror.activeline.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#656c7633" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{bgColor.neutral.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{bgColor.neutral.muted}" } }, "key": "{codeMirror.activeline.bgColor}" }, "name": "codeMirror-activeline-bgColor", "attributes": {}, "path": ["codeMirror", "activeline", "bgColor"], "value": "#656c7633", "type": "color" }, "codeMirror-bgColor": { "key": "{codeMirror.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#0d1117" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{bgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{bgColor.default}" } }, "key": "{codeMirror.bgColor}" }, "name": "codeMirror-bgColor", "attributes": {}, "path": ["codeMirror", "bgColor"], "value": "#0d1117", "type": "color" }, "codeMirror-cursor-fgColor": { "key": "{codeMirror.cursor.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.default}" } }, "key": "{codeMirror.cursor.fgColor}" }, "name": "codeMirror-cursor-fgColor", "attributes": {}, "path": ["codeMirror", "cursor", "fgColor"], "value": "#f0f6fc", "type": "color" }, "codeMirror-fgColor": { "key": "{codeMirror.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.default}" } }, "key": "{codeMirror.fgColor}" }, "name": "codeMirror-fgColor", "attributes": {}, "path": ["codeMirror", "fgColor"], "value": "#f0f6fc", "type": "color" }, "codeMirror-gutterMarker-fgColor-default": { "key": "{codeMirror.gutterMarker.fgColor.default}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#0d1117" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{bgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{bgColor.default}" } }, "key": "{codeMirror.gutterMarker.fgColor.default}" }, "name": "codeMirror-gutterMarker-fgColor-default", "attributes": {}, "path": ["codeMirror", "gutterMarker", "fgColor", "default"], "value": "#0d1117", "type": "color" }, "codeMirror-gutterMarker-fgColor-muted": { "key": "{codeMirror.gutterMarker.fgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#9198a1" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.muted}" } }, "key": "{codeMirror.gutterMarker.fgColor.muted}" }, "name": "codeMirror-gutterMarker-fgColor-muted", "attributes": {}, "path": ["codeMirror", "gutterMarker", "fgColor", "muted"], "value": "#9198a1", "type": "color" }, "codeMirror-gutters-bgColor": { "key": "{codeMirror.gutters.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#0d1117" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{bgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{bgColor.default}" } }, "key": "{codeMirror.gutters.bgColor}" }, "name": "codeMirror-gutters-bgColor", "attributes": {}, "path": ["codeMirror", "gutters", "bgColor"], "value": "#0d1117", "type": "color" }, "codeMirror-lineNumber-fgColor": { "key": "{codeMirror.lineNumber.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#9198a1" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.muted}" } }, "key": "{codeMirror.lineNumber.fgColor}" }, "name": "codeMirror-lineNumber-fgColor", "attributes": {}, "path": ["codeMirror", "lineNumber", "fgColor"], "value": "#9198a1", "type": "color" }, "codeMirror-lines-bgColor": { "key": "{codeMirror.lines.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#0d1117" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{bgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{bgColor.default}" } }, "key": "{codeMirror.lines.bgColor}" }, "name": "codeMirror-lines-bgColor", "attributes": {}, "path": ["codeMirror", "lines", "bgColor"], "value": "#0d1117", "type": "color" }, "codeMirror-matchingBracket-fgColor": { "key": "{codeMirror.matchingBracket.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.default}" } }, "key": "{codeMirror.matchingBracket.fgColor}" }, "name": "codeMirror-matchingBracket-fgColor", "attributes": {}, "path": ["codeMirror", "matchingBracket", "fgColor"], "value": "#f0f6fc", "type": "color" }, "codeMirror-selection-bgColor": { "key": "{codeMirror.selection.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#388bfd66", "dark-high-contrast": { "$value": "#388bfd", "alpha": 0.4, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#388bfd", "alpha": 0.4, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#388bfd", "alpha": 0.4, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#388bfd", "alpha": 0.4, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{borderColor.accent.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{borderColor.accent.muted}", "dark-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 0.4, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 0.4, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 0.4, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 0.4, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "$type": "color" } } }, "key": "{codeMirror.selection.bgColor}" }, "name": "codeMirror-selection-bgColor", "attributes": {}, "path": ["codeMirror", "selection", "bgColor"], "value": "#388bfd66", "type": "color" }, "codeMirror-syntax-fgColor-comment": { "key": "{codeMirror.syntax.fgColor.comment}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#656c76" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.8}" } }, "key": "{codeMirror.syntax.fgColor.comment}" }, "name": "codeMirror-syntax-fgColor-comment", "attributes": {}, "path": ["codeMirror", "syntax", "fgColor", "comment"], "value": "#656c76", "type": "color" }, "codeMirror-syntax-fgColor-constant": { "key": "{codeMirror.syntax.fgColor.constant}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#79c0ff" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{base.color.blue.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.blue.2}" } }, "key": "{codeMirror.syntax.fgColor.constant}" }, "name": "codeMirror-syntax-fgColor-constant", "attributes": {}, "path": ["codeMirror", "syntax", "fgColor", "constant"], "value": "#79c0ff", "type": "color" }, "codeMirror-syntax-fgColor-entity": { "key": "{codeMirror.syntax.fgColor.entity}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#d2a8ff" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{base.color.purple.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.purple.2}" } }, "key": "{codeMirror.syntax.fgColor.entity}" }, "name": "codeMirror-syntax-fgColor-entity", "attributes": {}, "path": ["codeMirror", "syntax", "fgColor", "entity"], "value": "#d2a8ff", "type": "color" }, "codeMirror-syntax-fgColor-keyword": { "key": "{codeMirror.syntax.fgColor.keyword}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#ff7b72", "light-protanopia-deuteranopia": "#bd561d", "light-protanopia-deuteranopia-high-contrast": "#bd561d", "dark-protanopia-deuteranopia": "#f0883e", "dark-protanopia-deuteranopia-high-contrast": "#f0883e" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{base.color.red.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.red.3}", "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}", "dark-protanopia-deuteranopia": "{base.color.orange.3}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.3}" } }, "key": "{codeMirror.syntax.fgColor.keyword}" }, "name": "codeMirror-syntax-fgColor-keyword", "attributes": {}, "path": ["codeMirror", "syntax", "fgColor", "keyword"], "value": "#ff7b72", "type": "color" }, "codeMirror-syntax-fgColor-storage": { "key": "{codeMirror.syntax.fgColor.storage}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#ff7b72", "light-protanopia-deuteranopia": "#bd561d", "light-protanopia-deuteranopia-high-contrast": "#bd561d", "dark-protanopia-deuteranopia": "#f0883e", "dark-protanopia-deuteranopia-high-contrast": "#f0883e" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{base.color.red.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.red.3}", "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}", "dark-protanopia-deuteranopia": "{base.color.orange.3}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.3}" } }, "key": "{codeMirror.syntax.fgColor.storage}" }, "name": "codeMirror-syntax-fgColor-storage", "attributes": {}, "path": ["codeMirror", "syntax", "fgColor", "storage"], "value": "#ff7b72", "type": "color" }, "codeMirror-syntax-fgColor-string": { "key": "{codeMirror.syntax.fgColor.string}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#a5d6ff" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{base.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.blue.1}" } }, "key": "{codeMirror.syntax.fgColor.string}" }, "name": "codeMirror-syntax-fgColor-string", "attributes": {}, "path": ["codeMirror", "syntax", "fgColor", "string"], "value": "#a5d6ff", "type": "color" }, "codeMirror-syntax-fgColor-support": { "key": "{codeMirror.syntax.fgColor.support}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#79c0ff" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{base.color.blue.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.blue.2}" } }, "key": "{codeMirror.syntax.fgColor.support}" }, "name": "codeMirror-syntax-fgColor-support", "attributes": {}, "path": ["codeMirror", "syntax", "fgColor", "support"], "value": "#79c0ff", "type": "color" }, "codeMirror-syntax-fgColor-variable": { "key": "{codeMirror.syntax.fgColor.variable}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#ffa657", "light-tritanopia": "#b62324", "light-tritanopia-high-contrast": "#b62324", "dark-tritanopia": "#ffa198", "dark-tritanopia-high-contrast": "#ffa198" } }, "filePath": "src/tokens/component/codeMirror.json5", "isSource": true, "original": { "$value": "{base.color.orange.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.orange.2}", "light-tritanopia": "{base.color.red.6}", "light-tritanopia-high-contrast": "{base.color.red.6}", "dark-tritanopia": "{base.color.red.2}", "dark-tritanopia-high-contrast": "{base.color.red.2}" } }, "key": "{codeMirror.syntax.fgColor.variable}" }, "name": "codeMirror-syntax-fgColor-variable", "attributes": {}, "path": ["codeMirror", "syntax", "fgColor", "variable"], "value": "#ffa657", "type": "color" }, "color-ansi-black": { "key": "{color.ansi.black}", "$deprecated": "#2f3742", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.black}", "$type": "color", "$deprecated": "{ansi.black}", "$description": "Deprecated. Use ansi.black instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.black}" }, "name": "color-ansi-black", "attributes": {}, "path": ["color", "ansi", "black"], "value": "#2f3742", "type": "color", "description": "Deprecated. Use ansi.black instead." }, "color-ansi-black-bright": { "key": "{color.ansi.black-bright}", "$deprecated": "#656c76", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.blackBright}", "$type": "color", "$deprecated": "{ansi.blackBright}", "$description": "Deprecated. Use ansi.blackBright instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.black-bright}" }, "name": "color-ansi-black-bright", "attributes": {}, "path": ["color", "ansi", "black-bright"], "value": "#656c76", "type": "color", "description": "Deprecated. Use ansi.blackBright instead." }, "color-ansi-blue": { "key": "{color.ansi.blue}", "$deprecated": "#58a6ff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.blue}", "$type": "color", "$deprecated": "{ansi.blue}", "$description": "Deprecated. Use ansi.blue instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.blue}" }, "name": "color-ansi-blue", "attributes": {}, "path": ["color", "ansi", "blue"], "value": "#58a6ff", "type": "color", "description": "Deprecated. Use ansi.blue instead." }, "color-ansi-blue-bright": { "key": "{color.ansi.blue-bright}", "$deprecated": "#79c0ff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.blueBright}", "$type": "color", "$deprecated": "{ansi.blueBright}", "$description": "Deprecated. Use ansi.blueBright instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.blue-bright}" }, "name": "color-ansi-blue-bright", "attributes": {}, "path": ["color", "ansi", "blue-bright"], "value": "#79c0ff", "type": "color", "description": "Deprecated. Use ansi.blueBright instead." }, "color-ansi-cyan": { "key": "{color.ansi.cyan}", "$deprecated": "#39c5cf", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.cyan}", "$type": "color", "$deprecated": "{ansi.cyan}", "$description": "Deprecated. Use ansi.cyan instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.cyan}" }, "name": "color-ansi-cyan", "attributes": {}, "path": ["color", "ansi", "cyan"], "value": "#39c5cf", "type": "color", "description": "Deprecated. Use ansi.cyan instead." }, "color-ansi-cyan-bright": { "key": "{color.ansi.cyan-bright}", "$deprecated": "#56d4dd", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.cyanBright}", "$type": "color", "$deprecated": "{ansi.cyanBright}", "$description": "Deprecated. Use ansi.cyanBright instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.cyan-bright}" }, "name": "color-ansi-cyan-bright", "attributes": {}, "path": ["color", "ansi", "cyan-bright"], "value": "#56d4dd", "type": "color", "description": "Deprecated. Use ansi.cyanBright instead." }, "color-ansi-gray": { "key": "{color.ansi.gray}", "$deprecated": "#656c76", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.gray}", "$type": "color", "$deprecated": "{ansi.gray}", "$description": "Deprecated. Use ansi.gray instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.gray}" }, "name": "color-ansi-gray", "attributes": {}, "path": ["color", "ansi", "gray"], "value": "#656c76", "type": "color", "description": "Deprecated. Use ansi.gray instead." }, "color-ansi-green": { "key": "{color.ansi.green}", "$deprecated": "#3fb950", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.green}", "$type": "color", "$deprecated": "{ansi.green}", "$description": "Deprecated. Use ansi.green instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.green}" }, "name": "color-ansi-green", "attributes": {}, "path": ["color", "ansi", "green"], "value": "#3fb950", "type": "color", "description": "Deprecated. Use ansi.green instead." }, "color-ansi-green-bright": { "key": "{color.ansi.green-bright}", "$deprecated": "#56d364", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.greenBright}", "$type": "color", "$deprecated": "{ansi.greenBright}", "$description": "Deprecated. Use ansi.greenBright instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.green-bright}" }, "name": "color-ansi-green-bright", "attributes": {}, "path": ["color", "ansi", "green-bright"], "value": "#56d364", "type": "color", "description": "Deprecated. Use ansi.greenBright instead." }, "color-ansi-magenta": { "key": "{color.ansi.magenta}", "$deprecated": "#be8fff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.magenta}", "$type": "color", "$deprecated": "{ansi.magenta}", "$description": "Deprecated. Use ansi.magenta instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.magenta}" }, "name": "color-ansi-magenta", "attributes": {}, "path": ["color", "ansi", "magenta"], "value": "#be8fff", "type": "color", "description": "Deprecated. Use ansi.magenta instead." }, "color-ansi-magenta-bright": { "key": "{color.ansi.magenta-bright}", "$deprecated": "#d2a8ff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.magentaBright}", "$type": "color", "$deprecated": "{ansi.magentaBright}", "$description": "Deprecated. Use ansi.magentaBright instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.magenta-bright}" }, "name": "color-ansi-magenta-bright", "attributes": {}, "path": ["color", "ansi", "magenta-bright"], "value": "#d2a8ff", "type": "color", "description": "Deprecated. Use ansi.magentaBright instead." }, "color-ansi-red": { "key": "{color.ansi.red}", "$deprecated": "#ff7b72", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.red}", "$type": "color", "$deprecated": "{ansi.red}", "$description": "Deprecated. Use ansi.red instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.red}" }, "name": "color-ansi-red", "attributes": {}, "path": ["color", "ansi", "red"], "value": "#ff7b72", "type": "color", "description": "Deprecated. Use ansi.red instead." }, "color-ansi-red-bright": { "key": "{color.ansi.red-bright}", "$deprecated": "#ffa198", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.redBright}", "$type": "color", "$deprecated": "{ansi.redBright}", "$description": "Deprecated. Use ansi.redBright instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.red-bright}" }, "name": "color-ansi-red-bright", "attributes": {}, "path": ["color", "ansi", "red-bright"], "value": "#ffa198", "type": "color", "description": "Deprecated. Use ansi.redBright instead." }, "color-ansi-white": { "key": "{color.ansi.white}", "$deprecated": "#f0f6fc", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.white}", "$type": "color", "$deprecated": "{ansi.white}", "$description": "Deprecated. Use ansi.white instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.white}" }, "name": "color-ansi-white", "attributes": {}, "path": ["color", "ansi", "white"], "value": "#f0f6fc", "type": "color", "description": "Deprecated. Use ansi.white instead." }, "color-ansi-white-bright": { "key": "{color.ansi.white-bright}", "$deprecated": "#ffffff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.whiteBright}", "$type": "color", "$deprecated": "{ansi.whiteBright}", "$description": "Deprecated. Use ansi.whiteBright instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.white-bright}" }, "name": "color-ansi-white-bright", "attributes": {}, "path": ["color", "ansi", "white-bright"], "value": "#ffffff", "type": "color", "description": "Deprecated. Use ansi.whiteBright instead." }, "color-ansi-yellow": { "key": "{color.ansi.yellow}", "$deprecated": "#d29922", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.yellow}", "$type": "color", "$deprecated": "{ansi.yellow}", "$description": "Deprecated. Use ansi.yellow instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.yellow}" }, "name": "color-ansi-yellow", "attributes": {}, "path": ["color", "ansi", "yellow"], "value": "#d29922", "type": "color", "description": "Deprecated. Use ansi.yellow instead." }, "color-ansi-yellow-bright": { "key": "{color.ansi.yellow-bright}", "$deprecated": "#e3b341", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{ansi.yellowBright}", "$type": "color", "$deprecated": "{ansi.yellowBright}", "$description": "Deprecated. Use ansi.yellowBright instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.ansi.yellow-bright}" }, "name": "color-ansi-yellow-bright", "attributes": {}, "path": ["color", "ansi", "yellow-bright"], "value": "#e3b341", "type": "color", "description": "Deprecated. Use ansi.yellowBright instead." }, "color-prettylights-syntax-brackethighlighter-angle": { "key": "{color.prettylights.syntax.brackethighlighter.angle}", "$deprecated": "#9198a1", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.bracketHighlighterAngle}", "$type": "color", "$deprecated": "{prettylights.syntax.bracketHighlighterAngle}", "$description": "Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.brackethighlighter.angle}" }, "name": "color-prettylights-syntax-brackethighlighter-angle", "attributes": {}, "path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"], "value": "#9198a1", "type": "color", "description": "Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead." }, "color-prettylights-syntax-brackethighlighter-unmatched": { "key": "{color.prettylights.syntax.brackethighlighter.unmatched}", "$deprecated": "#f85149", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.bracketHighlighterUnmatched}", "$type": "color", "$deprecated": "{prettylights.syntax.bracketHighlighterUnmatched}", "$description": "Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.brackethighlighter.unmatched}" }, "name": "color-prettylights-syntax-brackethighlighter-unmatched", "attributes": {}, "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"], "value": "#f85149", "type": "color", "description": "Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead." }, "color-prettylights-syntax-carriage-return-bg": { "key": "{color.prettylights.syntax.carriage.return.bg}", "$deprecated": "#b62324", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.carriageReturn.bg}", "$type": "color", "$deprecated": "{prettylights.syntax.carriageReturn.bg}", "$description": "Deprecated. Use prettylights.syntax.carriageReturn.bg instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.carriage.return.bg}" }, "name": "color-prettylights-syntax-carriage-return-bg", "attributes": {}, "path": ["color", "prettylights", "syntax", "carriage", "return", "bg"], "value": "#b62324", "type": "color", "description": "Deprecated. Use prettylights.syntax.carriageReturn.bg instead." }, "color-prettylights-syntax-carriage-return-text": { "key": "{color.prettylights.syntax.carriage.return.text}", "$deprecated": "#f0f6fc", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.carriageReturn.text}", "$type": "color", "$deprecated": "{prettylights.syntax.carriageReturn.text}", "$description": "Deprecated. Use prettylights.syntax.carriageReturn.text instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.carriage.return.text}" }, "name": "color-prettylights-syntax-carriage-return-text", "attributes": {}, "path": ["color", "prettylights", "syntax", "carriage", "return", "text"], "value": "#f0f6fc", "type": "color", "description": "Deprecated. Use prettylights.syntax.carriageReturn.text instead." }, "color-prettylights-syntax-comment": { "key": "{color.prettylights.syntax.comment}", "$deprecated": "#9198a1", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.comment}", "$type": "color", "$deprecated": "{prettylights.syntax.comment}", "$description": "Deprecated. Use prettylights.syntax.comment instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.comment}" }, "name": "color-prettylights-syntax-comment", "attributes": {}, "path": ["color", "prettylights", "syntax", "comment"], "value": "#9198a1", "type": "color", "description": "Deprecated. Use prettylights.syntax.comment instead." }, "color-prettylights-syntax-constant": { "key": "{color.prettylights.syntax.constant}", "$deprecated": "#79c0ff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.constant}", "$type": "color", "$deprecated": "{prettylights.syntax.constant}", "$description": "Deprecated. Use prettylights.syntax.constant instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.constant}" }, "name": "color-prettylights-syntax-constant", "attributes": {}, "path": ["color", "prettylights", "syntax", "constant"], "value": "#79c0ff", "type": "color", "description": "Deprecated. Use prettylights.syntax.constant instead." }, "color-prettylights-syntax-constant-other-reference-link": { "key": "{color.prettylights.syntax.constant-other-reference-link}", "$deprecated": "#a5d6ff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.constantOtherReferenceLink}", "$type": "color", "$deprecated": "{prettylights.syntax.constantOtherReferenceLink}", "$description": "Deprecated. Use prettylights.syntax.constantOtherReferenceLink instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.constant-other-reference-link}" }, "name": "color-prettylights-syntax-constant-other-reference-link", "attributes": {}, "path": ["color", "prettylights", "syntax", "constant-other-reference-link"], "value": "#a5d6ff", "type": "color", "description": "Deprecated. Use prettylights.syntax.constantOtherReferenceLink instead." }, "color-prettylights-syntax-entity": { "key": "{color.prettylights.syntax.entity}", "$deprecated": "#d2a8ff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.entity}", "$type": "color", "$deprecated": "{prettylights.syntax.entity}", "$description": "Deprecated. Use prettylights.syntax.entity instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.entity}" }, "name": "color-prettylights-syntax-entity", "attributes": {}, "path": ["color", "prettylights", "syntax", "entity"], "value": "#d2a8ff", "type": "color", "description": "Deprecated. Use prettylights.syntax.entity instead." }, "color-prettylights-syntax-entity-tag": { "key": "{color.prettylights.syntax.entity-tag}", "$deprecated": "#7ee787", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.entityTag}", "$type": "color", "$deprecated": "{prettylights.syntax.entityTag}", "$description": "Deprecated. Use prettylights.syntax.entityTag instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.entity-tag}" }, "name": "color-prettylights-syntax-entity-tag", "attributes": {}, "path": ["color", "prettylights", "syntax", "entity-tag"], "value": "#7ee787", "type": "color", "description": "Deprecated. Use prettylights.syntax.entityTag instead." }, "color-prettylights-syntax-invalid-illegal-bg": { "key": "{color.prettylights.syntax.invalid.illegal.bg}", "$deprecated": "#f851491a", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.invalidIllegal.bg}", "$type": "color", "$deprecated": "{prettylights.syntax.invalidIllegal.bg}", "$description": "Deprecated. Use prettylights.syntax.invalidIllegal.bg instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.invalid.illegal.bg}" }, "name": "color-prettylights-syntax-invalid-illegal-bg", "attributes": {}, "path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"], "value": "#f851491a", "type": "color", "description": "Deprecated. Use prettylights.syntax.invalidIllegal.bg instead." }, "color-prettylights-syntax-invalid-illegal-text": { "key": "{color.prettylights.syntax.invalid.illegal.text}", "$deprecated": "#f85149", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.invalidIllegal.text}", "$type": "color", "$deprecated": "{prettylights.syntax.invalidIllegal.text}", "$description": "Deprecated. Use prettylights.syntax.invalidIllegal.text instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.invalid.illegal.text}" }, "name": "color-prettylights-syntax-invalid-illegal-text", "attributes": {}, "path": ["color", "prettylights", "syntax", "invalid", "illegal", "text"], "value": "#f85149", "type": "color", "description": "Deprecated. Use prettylights.syntax.invalidIllegal.text instead." }, "color-prettylights-syntax-keyword": { "key": "{color.prettylights.syntax.keyword}", "$deprecated": "#ff7b72", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.keyword}", "$type": "color", "$deprecated": "{prettylights.syntax.keyword}", "$description": "Deprecated. Use prettylights.syntax.keyword instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.keyword}" }, "name": "color-prettylights-syntax-keyword", "attributes": {}, "path": ["color", "prettylights", "syntax", "keyword"], "value": "#ff7b72", "type": "color", "description": "Deprecated. Use prettylights.syntax.keyword instead." }, "color-prettylights-syntax-markup-bold": { "key": "{color.prettylights.syntax.markup.bold}", "$deprecated": "#f0f6fc", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.bold}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.bold}", "$description": "Deprecated. Use prettylights.syntax.markup.bold instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.bold}" }, "name": "color-prettylights-syntax-markup-bold", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "bold"], "value": "#f0f6fc", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.bold instead." }, "color-prettylights-syntax-markup-changed-bg": { "key": "{color.prettylights.syntax.markup.changed.bg}", "$deprecated": "#5a1e02", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.changed.bg}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.changed.bg}", "$description": "Deprecated. Use prettylights.syntax.markup.changed.bg instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.changed.bg}" }, "name": "color-prettylights-syntax-markup-changed-bg", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"], "value": "#5a1e02", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.changed.bg instead." }, "color-prettylights-syntax-markup-changed-text": { "key": "{color.prettylights.syntax.markup.changed.text}", "$deprecated": "#ffdfb6", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.changed.text}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.changed.text}", "$description": "Deprecated. Use prettylights.syntax.markup.changed.text instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.changed.text}" }, "name": "color-prettylights-syntax-markup-changed-text", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "changed", "text"], "value": "#ffdfb6", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.changed.text instead." }, "color-prettylights-syntax-markup-deleted-bg": { "key": "{color.prettylights.syntax.markup.deleted.bg}", "$deprecated": "#67060c", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.deleted.bg}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.deleted.bg}", "$description": "Deprecated. Use prettylights.syntax.markup.deleted.bg instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.deleted.bg}" }, "name": "color-prettylights-syntax-markup-deleted-bg", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "deleted", "bg"], "value": "#67060c", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.deleted.bg instead." }, "color-prettylights-syntax-markup-deleted-text": { "key": "{color.prettylights.syntax.markup.deleted.text}", "$deprecated": "#ffdcd7", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.deleted.text}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.deleted.text}", "$description": "Deprecated. Use prettylights.syntax.markup.deleted.text instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.deleted.text}" }, "name": "color-prettylights-syntax-markup-deleted-text", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "deleted", "text"], "value": "#ffdcd7", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.deleted.text instead." }, "color-prettylights-syntax-markup-heading": { "key": "{color.prettylights.syntax.markup.heading}", "$deprecated": "#1f6feb", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.heading}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.heading}", "$description": "Deprecated. Use prettylights.syntax.markup.heading instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.heading}" }, "name": "color-prettylights-syntax-markup-heading", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "heading"], "value": "#1f6feb", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.heading instead." }, "color-prettylights-syntax-markup-ignored-bg": { "key": "{color.prettylights.syntax.markup.ignored.bg}", "$deprecated": "#1158c7", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.ignored.bg}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.ignored.bg}", "$description": "Deprecated. Use prettylights.syntax.markup.ignored.bg instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.ignored.bg}" }, "name": "color-prettylights-syntax-markup-ignored-bg", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "ignored", "bg"], "value": "#1158c7", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.ignored.bg instead." }, "color-prettylights-syntax-markup-ignored-text": { "key": "{color.prettylights.syntax.markup.ignored.text}", "$deprecated": "#f0f6fc", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.ignored.text}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.ignored.text}", "$description": "Deprecated. Use prettylights.syntax.markup.ignored.text instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.ignored.text}" }, "name": "color-prettylights-syntax-markup-ignored-text", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "ignored", "text"], "value": "#f0f6fc", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.ignored.text instead." }, "color-prettylights-syntax-markup-inserted-bg": { "key": "{color.prettylights.syntax.markup.inserted.bg}", "$deprecated": "#033a16", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.inserted.bg}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.inserted.bg}", "$description": "Deprecated. Use prettylights.syntax.markup.inserted.bg instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.inserted.bg}" }, "name": "color-prettylights-syntax-markup-inserted-bg", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "inserted", "bg"], "value": "#033a16", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.inserted.bg instead." }, "color-prettylights-syntax-markup-inserted-text": { "key": "{color.prettylights.syntax.markup.inserted.text}", "$deprecated": "#aff5b4", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.inserted.text}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.inserted.text}", "$description": "Deprecated. Use prettylights.syntax.markup.inserted.text instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.inserted.text}" }, "name": "color-prettylights-syntax-markup-inserted-text", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "inserted", "text"], "value": "#aff5b4", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.inserted.text instead." }, "color-prettylights-syntax-markup-italic": { "key": "{color.prettylights.syntax.markup.italic}", "$deprecated": "#f0f6fc", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.italic}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.italic}", "$description": "Deprecated. Use prettylights.syntax.markup.italic instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.italic}" }, "name": "color-prettylights-syntax-markup-italic", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "italic"], "value": "#f0f6fc", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.italic instead." }, "color-prettylights-syntax-markup-list": { "key": "{color.prettylights.syntax.markup.list}", "$deprecated": "#f2cc60", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.markup.list}", "$type": "color", "$deprecated": "{prettylights.syntax.markup.list}", "$description": "Deprecated. Use prettylights.syntax.markup.list instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.markup.list}" }, "name": "color-prettylights-syntax-markup-list", "attributes": {}, "path": ["color", "prettylights", "syntax", "markup", "list"], "value": "#f2cc60", "type": "color", "description": "Deprecated. Use prettylights.syntax.markup.list instead." }, "color-prettylights-syntax-meta-diff-range": { "key": "{color.prettylights.syntax.meta.diff.range}", "$deprecated": "#d2a8ff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.metaDiffRange}", "$type": "color", "$deprecated": "{prettylights.syntax.metaDiffRange}", "$description": "Deprecated. Use prettylights.syntax.metaDiffRange instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.meta.diff.range}" }, "name": "color-prettylights-syntax-meta-diff-range", "attributes": {}, "path": ["color", "prettylights", "syntax", "meta", "diff", "range"], "value": "#d2a8ff", "type": "color", "description": "Deprecated. Use prettylights.syntax.metaDiffRange instead." }, "color-prettylights-syntax-storage-modifier-import": { "key": "{color.prettylights.syntax.storage.modifier.import}", "$deprecated": "#f0f6fc", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.storageModifierImport}", "$type": "color", "$deprecated": "{prettylights.syntax.storageModifierImport}", "$description": "Deprecated. Use prettylights.syntax.storageModifierImport instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.storage.modifier.import}" }, "name": "color-prettylights-syntax-storage-modifier-import", "attributes": {}, "path": ["color", "prettylights", "syntax", "storage", "modifier", "import"], "value": "#f0f6fc", "type": "color", "description": "Deprecated. Use prettylights.syntax.storageModifierImport instead." }, "color-prettylights-syntax-string": { "key": "{color.prettylights.syntax.string}", "$deprecated": "#a5d6ff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.string}", "$type": "color", "$deprecated": "{prettylights.syntax.string}", "$description": "Deprecated. Use prettylights.syntax.string instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.string}" }, "name": "color-prettylights-syntax-string", "attributes": {}, "path": ["color", "prettylights", "syntax", "string"], "value": "#a5d6ff", "type": "color", "description": "Deprecated. Use prettylights.syntax.string instead." }, "color-prettylights-syntax-string-regexp": { "key": "{color.prettylights.syntax.string-regexp}", "$deprecated": "#7ee787", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.stringRegexp}", "$type": "color", "$deprecated": "{prettylights.syntax.stringRegexp}", "$description": "Deprecated. Use prettylights.syntax.stringRegexp instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.string-regexp}" }, "name": "color-prettylights-syntax-string-regexp", "attributes": {}, "path": ["color", "prettylights", "syntax", "string-regexp"], "value": "#7ee787", "type": "color", "description": "Deprecated. Use prettylights.syntax.stringRegexp instead." }, "color-prettylights-syntax-sublimelinter-gutter-mark": { "key": "{color.prettylights.syntax.sublimelinter.gutter.mark}", "$deprecated": "#3d444d", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.sublimeLinterGutterMark}", "$type": "color", "$deprecated": "{prettylights.syntax.sublimeLinterGutterMark}", "$description": "Deprecated. Use prettylights.syntax.sublimeLinterGutterMark instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.sublimelinter.gutter.mark}" }, "name": "color-prettylights-syntax-sublimelinter-gutter-mark", "attributes": {}, "path": ["color", "prettylights", "syntax", "sublimelinter", "gutter", "mark"], "value": "#3d444d", "type": "color", "description": "Deprecated. Use prettylights.syntax.sublimeLinterGutterMark instead." }, "color-prettylights-syntax-variable": { "key": "{color.prettylights.syntax.variable}", "$deprecated": "#ffa657", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.variable}", "$type": "color", "$deprecated": "{prettylights.syntax.variable}", "$description": "Deprecated. Use prettylights.syntax.variable instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{color.prettylights.syntax.variable}" }, "name": "color-prettylights-syntax-variable", "attributes": {}, "path": ["color", "prettylights", "syntax", "variable"], "value": "#ffa657", "type": "color", "description": "Deprecated. Use prettylights.syntax.variable instead." }, "contribution-default-bgColor-0": { "key": "{contribution.default.bgColor.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-high-contrast": "#010409", "dark-tritanopia-high-contrast": "#010409", "dark-protanopia-deuteranopia-high-contrast": "#010409", "light-high-contrast": "#010409", "light-tritanopia-high-contrast": "#010409", "light-protanopia-deuteranopia-high-contrast": "#010409", "dark-dimmed": "#2a313c" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-high-contrast": "{base.color.neutral.0}", "dark-tritanopia-high-contrast": "{base.color.neutral.0}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.0}", "light-high-contrast": "{base.color.neutral.0}", "light-tritanopia-high-contrast": "{base.color.neutral.0}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.0}", "dark-dimmed": "{base.color.neutral.5}" } }, "key": "{contribution.default.bgColor.0}" }, "name": "contribution-default-bgColor-0", "attributes": {}, "path": ["contribution", "default", "bgColor", "0"], "value": "#151b23", "type": "color" }, "contribution-default-bgColor-1": { "key": "{contribution.default.bgColor.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#033a16" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.color.green.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.green.8}" } }, "key": "{contribution.default.bgColor.1}" }, "name": "contribution-default-bgColor-1", "attributes": {}, "path": ["contribution", "default", "bgColor", "1"], "value": "#033a16", "type": "color" }, "contribution-default-bgColor-2": { "key": "{contribution.default.bgColor.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#196c2e" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.green.6}" } }, "key": "{contribution.default.bgColor.2}" }, "name": "contribution-default-bgColor-2", "attributes": {}, "path": ["contribution", "default", "bgColor", "2"], "value": "#196c2e", "type": "color" }, "contribution-default-bgColor-3": { "key": "{contribution.default.bgColor.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] } }, "key": "{contribution.default.bgColor.3}" }, "name": "contribution-default-bgColor-3", "attributes": {}, "path": ["contribution", "default", "bgColor", "3"], "value": "#2ea043", "type": "color" }, "contribution-default-bgColor-4": { "key": "{contribution.default.bgColor.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#56d364" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.color.green.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.green.2}" } }, "key": "{contribution.default.bgColor.4}" }, "name": "contribution-default-bgColor-4", "attributes": {}, "path": ["contribution", "default", "bgColor", "4"], "value": "#56d364", "type": "color" }, "contribution-default-borderColor-0": { "key": "{contribution.default.borderColor.0}", "alpha": 0.05, "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": { "$value": "#ffffff", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#010409", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ffffff", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#010409", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#ffffff", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#010409", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.color.black}", "alpha": 0.05, "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": { "$value": "{base.color.white}", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.black}", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.white}", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.black}", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.white}", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.black}", "alpha": 1, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "$type": "color" } } }, "key": "{contribution.default.borderColor.0}" }, "name": "contribution-default-borderColor-0", "attributes": {}, "path": ["contribution", "default", "borderColor", "0"], "value": "#0104090d", "type": "color" }, "contribution-default-borderColor-1": { "key": "{contribution.default.borderColor.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{contribution.default.borderColor.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{contribution.default.borderColor.1}" }, "name": "contribution-default-borderColor-1", "attributes": {}, "path": ["contribution", "default", "borderColor", "1"], "value": "#0104090d", "type": "color" }, "contribution-default-borderColor-2": { "key": "{contribution.default.borderColor.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{contribution.default.borderColor.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{contribution.default.borderColor.2}" }, "name": "contribution-default-borderColor-2", "attributes": {}, "path": ["contribution", "default", "borderColor", "2"], "value": "#0104090d", "type": "color" }, "contribution-default-borderColor-3": { "key": "{contribution.default.borderColor.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{contribution.default.borderColor.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{contribution.default.borderColor.3}" }, "name": "contribution-default-borderColor-3", "attributes": {}, "path": ["contribution", "default", "borderColor", "3"], "value": "#0104090d", "type": "color" }, "contribution-default-borderColor-4": { "key": "{contribution.default.borderColor.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{contribution.default.borderColor.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] } }, "key": "{contribution.default.borderColor.4}" }, "name": "contribution-default-borderColor-4", "attributes": {}, "path": ["contribution", "default", "borderColor", "4"], "value": "#0104090d", "type": "color" }, "contribution-halloween-bgColor-1": { "key": "{contribution.halloween.bgColor.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#fac68f" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.orange.9}" } }, "key": "{contribution.halloween.bgColor.1}" }, "name": "contribution-halloween-bgColor-1", "attributes": {}, "path": ["contribution", "halloween", "bgColor", "1"], "value": "#fac68f", "type": "color" }, "contribution-halloween-bgColor-2": { "key": "{contribution.halloween.bgColor.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#c46212" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.orange.5}" } }, "key": "{contribution.halloween.bgColor.2}" }, "name": "contribution-halloween-bgColor-2", "attributes": {}, "path": ["contribution", "halloween", "bgColor", "2"], "value": "#c46212", "type": "color" }, "contribution-halloween-bgColor-3": { "key": "{contribution.halloween.bgColor.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#984b10" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.orange.4}" } }, "key": "{contribution.halloween.bgColor.3}" }, "name": "contribution-halloween-bgColor-3", "attributes": {}, "path": ["contribution", "halloween", "bgColor", "3"], "value": "#984b10", "type": "color" }, "contribution-halloween-bgColor-4": { "key": "{contribution.halloween.bgColor.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#e3d04f" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.lemon.9}" } }, "key": "{contribution.halloween.bgColor.4}" }, "name": "contribution-halloween-bgColor-4", "attributes": {}, "path": ["contribution", "halloween", "bgColor", "4"], "value": "#e3d04f", "type": "color" }, "contribution-winter-bgColor-1": { "key": "{contribution.winter.bgColor.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#0c2d6b" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.color.blue.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.blue.8}" } }, "key": "{contribution.winter.bgColor.1}" }, "name": "contribution-winter-bgColor-1", "attributes": {}, "path": ["contribution", "winter", "bgColor", "1"], "value": "#0c2d6b", "type": "color" }, "contribution-winter-bgColor-2": { "key": "{contribution.winter.bgColor.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#1158c7" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.blue.6}" } }, "key": "{contribution.winter.bgColor.2}" }, "name": "contribution-winter-bgColor-2", "attributes": {}, "path": ["contribution", "winter", "bgColor", "2"], "value": "#1158c7", "type": "color" }, "contribution-winter-bgColor-3": { "key": "{contribution.winter.bgColor.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#58a6ff" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.blue.3}" } }, "key": "{contribution.winter.bgColor.3}" }, "name": "contribution-winter-bgColor-3", "attributes": {}, "path": ["contribution", "winter", "bgColor", "3"], "value": "#58a6ff", "type": "color" }, "contribution-winter-bgColor-4": { "key": "{contribution.winter.bgColor.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#cae8ff" } }, "filePath": "src/tokens/component/contribution.json5", "isSource": true, "original": { "$value": "{base.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.blue.0}" } }, "key": "{contribution.winter.bgColor.4}" }, "name": "contribution-winter-bgColor-4", "attributes": {}, "path": ["contribution", "winter", "bgColor", "4"], "value": "#cae8ff", "type": "color" }, "control-bgColor-active": { "key": "{control.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#2a313c", "dark-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.5}", "dark-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.7}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.bgColor.active}" }, "name": "control-bgColor-active", "attributes": {}, "path": ["control", "bgColor", "active"], "value": "#2a313c", "type": "color" }, "control-bgColor-disabled": { "key": "{control.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#212830" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{bgColor.disabled}" } }, "key": "{control.bgColor.disabled}" }, "name": "control-bgColor-disabled", "attributes": {}, "path": ["control", "bgColor", "disabled"], "value": "#212830", "type": "color" }, "control-bgColor-hover": { "key": "{control.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#262c36", "dark-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.4}", "dark-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.bgColor.hover}" }, "name": "control-bgColor-hover", "attributes": {}, "path": ["control", "bgColor", "hover"], "value": "#262c36", "type": "color" }, "control-bgColor-rest": { "key": "{control.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#212830", "dark-high-contrast": { "$value": "#262c36", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#262c36", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#262c36", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#262c36", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#262c36", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#262c36", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#262c36", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.3}", "dark-high-contrast": { "$value": "{base.color.neutral.4}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.4}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.4}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.4}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.4}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.4}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.4}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.bgColor.rest}" }, "name": "control-bgColor-rest", "attributes": {}, "path": ["control", "bgColor", "rest"], "value": "#212830", "type": "color" }, "control-bgColor-selected": { "key": "{control.bgColor.selected}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#212830" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{control.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{control.bgColor.rest}" } }, "key": "{control.bgColor.selected}" }, "name": "control-bgColor-selected", "attributes": {}, "path": ["control", "bgColor", "selected"], "value": "#212830", "type": "color" }, "control-borderColor-danger": { "key": "{control.borderColor.danger}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#da3633" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{borderColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{borderColor.danger.emphasis}" } }, "key": "{control.borderColor.danger}" }, "name": "control-borderColor-danger", "attributes": {}, "path": ["control", "borderColor", "danger"], "value": "#da3633", "type": "color" }, "control-borderColor-disabled": { "key": "{control.borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#656c761a", "dark-dimmed": { "$value": "#656c76", "alpha": 0.1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{borderColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{borderColor.disabled}", "dark-dimmed": { "$value": "{base.color.neutral.8}", "alpha": 0.1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.borderColor.disabled}" }, "name": "control-borderColor-disabled", "attributes": {}, "path": ["control", "borderColor", "disabled"], "value": "#656c761a", "type": "color" }, "control-borderColor-emphasis": { "key": "{control.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#656c76", "dark-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{borderColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{borderColor.emphasis}", "dark-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.borderColor.emphasis}" }, "name": "control-borderColor-emphasis", "attributes": {}, "path": ["control", "borderColor", "emphasis"], "value": "#656c76", "type": "color" }, "control-borderColor-rest": { "key": "{control.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#3d444d", "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [213.8, 11.6, 27.1], "hex": "#3d444d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{borderColor.default}", "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [213.8, 11.6, 27.1], "hex": "#3d444d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.borderColor.rest}" }, "name": "control-borderColor-rest", "attributes": {}, "path": ["control", "borderColor", "rest"], "value": "#3d444d", "type": "color" }, "control-borderColor-selected": { "key": "{control.borderColor.selected}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.12}" } }, "key": "{control.borderColor.selected}" }, "name": "control-borderColor-selected", "attributes": {}, "path": ["control", "borderColor", "selected"], "value": "#f0f6fc", "type": "color" }, "control-borderColor-success": { "key": "{control.borderColor.success}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#238636" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{borderColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{borderColor.success.emphasis}" } }, "key": "{control.borderColor.success}" }, "name": "control-borderColor-success", "attributes": {}, "path": ["control", "borderColor", "success"], "value": "#238636", "type": "color" }, "control-borderColor-warning": { "key": "{control.borderColor.warning}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#9e6a03" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{borderColor.attention.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{borderColor.attention.emphasis}" } }, "key": "{control.borderColor.warning}" }, "name": "control-borderColor-warning", "attributes": {}, "path": ["control", "borderColor", "warning"], "value": "#9e6a03", "type": "color" }, "control-checked-bgColor-active": { "key": "{control.checked.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#3685F3", "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.3, 61.2, 52.5], "hex": "#3c79d0" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.3, 61.2, 52.5], "hex": "#3c79d0" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.3, 61.2, 52.5], "hex": "#3c79d0" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [215.4, 68.4, 55.3], "hex": "#3f7fdb" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.3, 61.2, 52.5], "hex": "#3c79d0" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "#3685F3", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#3685F3", "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.3, 61.2, 52.5], "hex": "#3c79d0" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.3, 61.2, 52.5], "hex": "#3c79d0" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.3, 61.2, 52.5], "hex": "#3c79d0" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [215.4, 68.4, 55.3], "hex": "#3f7fdb" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [215.3, 61.2, 52.5], "hex": "#3c79d0" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.checked.bgColor.active}" }, "name": "control-checked-bgColor-active", "attributes": {}, "path": ["control", "checked", "bgColor", "active"], "value": "#3685f3", "type": "color" }, "control-checked-bgColor-disabled": { "key": "{control.checked.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#656c76" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{fgColor.disabled}" } }, "key": "{control.checked.bgColor.disabled}" }, "name": "control-checked-bgColor-disabled", "attributes": {}, "path": ["control", "checked", "bgColor", "disabled"], "value": "#656c76", "type": "color" }, "control-checked-bgColor-hover": { "key": "{control.checked.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#2A7AEF", "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [217.2, 63.6, 46.3], "hex": "#2b64c1" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [217.2, 63.6, 46.3], "hex": "#2b64c1" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [217.2, 63.6, 46.3], "hex": "#2b64c1" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [216, 63.8, 52.4], "hex": "#3876d3" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [217.2, 63.6, 46.3], "hex": "#2b64c1" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "#2A7AEF", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#2A7AEF", "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [217.2, 63.6, 46.3], "hex": "#2b64c1" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [217.2, 63.6, 46.3], "hex": "#2b64c1" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [217.2, 63.6, 46.3], "hex": "#2b64c1" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [216, 63.8, 52.4], "hex": "#3876d3" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [217.2, 63.6, 46.3], "hex": "#2b64c1" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.checked.bgColor.hover}" }, "name": "control-checked-bgColor-hover", "attributes": {}, "path": ["control", "checked", "bgColor", "hover"], "value": "#2a7aef", "type": "color" }, "control-checked-bgColor-rest": { "key": "{control.checked.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#1f6feb" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{bgColor.accent.emphasis}" } }, "key": "{control.checked.bgColor.rest}" }, "name": "control-checked-bgColor-rest", "attributes": {}, "path": ["control", "checked", "bgColor", "rest"], "value": "#1f6feb", "type": "color" }, "control-checked-borderColor-active": { "key": "{control.checked.borderColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#3685f3", "dark-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [215.4, 68.4, 55.3], "hex": "#3f7fdb" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{control.checked.bgColor.active}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{control.checked.bgColor.active}", "dark-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [215.4, 68.4, 55.3], "hex": "#3f7fdb" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.6, 96.3, 31.4], "hex": "#033f9d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.checked.borderColor.active}" }, "name": "control-checked-borderColor-active", "attributes": {}, "path": ["control", "checked", "borderColor", "active"], "value": "#3685f3", "type": "color" }, "control-checked-borderColor-disabled": { "key": "{control.checked.borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#656c76" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{control.checked.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{control.checked.bgColor.disabled}" } }, "key": "{control.checked.borderColor.disabled}" }, "name": "control-checked-borderColor-disabled", "attributes": {}, "path": ["control", "checked", "borderColor", "disabled"], "value": "#656c76", "type": "color" }, "control-checked-borderColor-hover": { "key": "{control.checked.borderColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#2a7aef", "dark-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [216, 63.8, 52.4], "hex": "#3876d3" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{control.checked.bgColor.hover}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{control.checked.bgColor.hover}", "dark-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [216, 63.8, 52.4], "hex": "#3876d3" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [216.4, 96.5, 33.5], "hex": "#0344a8" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.checked.borderColor.hover}" }, "name": "control-checked-borderColor-hover", "attributes": {}, "path": ["control", "checked", "borderColor", "hover"], "value": "#2a7aef", "type": "color" }, "control-checked-borderColor-rest": { "key": "{control.checked.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#1f6feb", "dark-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#79c0ff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{control.checked.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{control.checked.bgColor.rest}", "dark-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.checked.borderColor.rest}" }, "name": "control-checked-borderColor-rest", "attributes": {}, "path": ["control", "checked", "borderColor", "rest"], "value": "#1f6feb", "type": "color" }, "control-checked-fgColor-disabled": { "key": "{control.checked.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#010409" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.inset}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.inset}" } }, "key": "{control.checked.fgColor.disabled}" }, "name": "control-checked-fgColor-disabled", "attributes": {}, "path": ["control", "checked", "fgColor", "disabled"], "value": "#010409", "type": "color" }, "control-checked-fgColor-rest": { "key": "{control.checked.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#ffffff" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.onEmphasis}" } }, "key": "{control.checked.fgColor.rest}" }, "name": "control-checked-fgColor-rest", "attributes": {}, "path": ["control", "checked", "fgColor", "rest"], "value": "#ffffff", "type": "color" }, "control-danger-bgColor-active": { "key": "{control.danger.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "light": { "$value": "#f851491a", "alpha": 0.4, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark": { "$value": "#f851491a", "alpha": 0.4, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [355, 84.1, 42], "hex": "#c51120" }, "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [355, 84.1, 42], "hex": "#c51120" }, "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [355, 84.1, 42], "hex": "#c51120" }, "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#da3633", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [351.6, 85.4, 29.6], "hex": "#8c0b1d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [351.6, 85.4, 29.6], "hex": "#8c0b1d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#9b4215", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "alpha": 0.4, "original": { "$value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "light": { "$value": "{bgColor.danger.muted}", "alpha": 0.4, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark": { "$value": "{bgColor.danger.muted}", "alpha": 0.4, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [355, 84.1, 42], "hex": "#c51120" }, "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": { "colorSpace": "hsl", "components": [355, 84.1, 42], "hex": "#c51120" }, "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [355, 84.1, 42], "hex": "#c51120" }, "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": { "colorSpace": "hsl", "components": [351.6, 85.4, 29.6], "hex": "#8c0b1d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": { "colorSpace": "hsl", "components": [351.6, 85.4, 29.6], "hex": "#8c0b1d" }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.4, "key": "{control.danger.bgColor.active}" }, "name": "control-danger-bgColor-active", "attributes": {}, "path": ["control", "danger", "bgColor", "active"], "value": "#f8514966", "type": "color" }, "control-danger-bgColor-hover": { "key": "{control.danger.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#f851491a", "dark-high-contrast": { "$value": "#da3633", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#da3633", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#da3633", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#da3633", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#da3633", "alpha": null, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#da3633", "alpha": null, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#da3633", "alpha": null, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{bgColor.danger.muted}", "dark-high-contrast": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{bgColor.danger.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{bgColor.danger.emphasis}", "alpha": null, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{bgColor.danger.emphasis}", "alpha": null, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{bgColor.danger.emphasis}", "alpha": null, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.danger.bgColor.hover}" }, "name": "control-danger-bgColor-hover", "attributes": {}, "path": ["control", "danger", "bgColor", "hover"], "value": "#f851491a", "type": "color" }, "control-danger-fgColor-hover": { "key": "{control.danger.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#ff7b72", "dark-protanopia-deuteranopia": "#f0883e", "light-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ffffff", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.red.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.red.3}", "dark-protanopia-deuteranopia": "{base.color.orange.3}", "light-high-contrast": { "$value": "{fgColor.onEmphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{fgColor.onEmphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{fgColor.onEmphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{fgColor.onEmphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{fgColor.onEmphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{fgColor.onEmphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{fgColor.onEmphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.danger.fgColor.hover}" }, "name": "control-danger-fgColor-hover", "attributes": {}, "path": ["control", "danger", "fgColor", "hover"], "value": "#ff7b72", "type": "color" }, "control-danger-fgColor-rest": { "key": "{control.danger.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#f85149" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{fgColor.danger}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.danger}" } }, "key": "{control.danger.fgColor.rest}" }, "name": "control-danger-fgColor-rest", "attributes": {}, "path": ["control", "danger", "fgColor", "rest"], "value": "#f85149", "type": "color" }, "control-fgColor-disabled": { "key": "{control.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#656c76" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.disabled}" } }, "key": "{control.fgColor.disabled}" }, "name": "control-fgColor-disabled", "attributes": {}, "path": ["control", "fgColor", "disabled"], "value": "#656c76", "type": "color" }, "control-fgColor-placeholder": { "key": "{control.fgColor.placeholder}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#9198a1", "dark-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#b7bdc8", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.muted}", "dark-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.10}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.fgColor.placeholder}" }, "name": "control-fgColor-placeholder", "attributes": {}, "path": ["control", "fgColor", "placeholder"], "value": "#9198a1", "type": "color" }, "control-fgColor-rest": { "key": "{control.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.default}" } }, "key": "{control.fgColor.rest}" }, "name": "control-fgColor-rest", "attributes": {}, "path": ["control", "fgColor", "rest"], "value": "#f0f6fc", "type": "color" }, "control-iconColor-rest": { "key": "{control.iconColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#9198a1" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.muted}" } }, "key": "{control.iconColor.rest}" }, "name": "control-iconColor-rest", "attributes": {}, "path": ["control", "iconColor", "rest"], "value": "#9198a1", "type": "color" }, "control-transparent-bgColor-active": { "key": "{control.transparent.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#656c76", "alpha": 0.25, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#656c76", "alpha": 0.2, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#2f3742", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#2f3742", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#2f3742", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.25, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.8}", "alpha": 0.25, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.7}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.7}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.7}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.8}", "alpha": 0.2, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.7}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.6}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.6}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.6}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.25, "key": "{control.transparent.bgColor.active}" }, "name": "control-transparent-bgColor-active", "attributes": {}, "path": ["control", "transparent", "bgColor", "active"], "value": "#656c7640", "type": "color" }, "control-transparent-bgColor-disabled": { "key": "{control.transparent.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#212830" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{bgColor.disabled}" } }, "key": "{control.transparent.bgColor.disabled}" }, "name": "control-transparent-bgColor-disabled", "attributes": {}, "path": ["control", "transparent", "bgColor", "disabled"], "value": "#212830", "type": "color" }, "control-transparent-bgColor-hover": { "key": "{control.transparent.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#656c76", "alpha": 0.2, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#2f3742", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#2f3742", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#2f3742", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#656c76", "alpha": 0.15, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#2f3742", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.8}", "alpha": 0.2, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.6}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.6}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.6}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.8}", "alpha": 0.15, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.6}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "key": "{control.transparent.bgColor.hover}" }, "name": "control-transparent-bgColor-hover", "attributes": {}, "path": ["control", "transparent", "bgColor", "hover"], "value": "#656c7633", "type": "color" }, "control-transparent-bgColor-rest": { "key": "{control.transparent.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#00000000" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.transparent}" } }, "key": "{control.transparent.bgColor.rest}" }, "name": "control-transparent-bgColor-rest", "attributes": {}, "path": ["control", "transparent", "bgColor", "rest"], "value": "#00000000", "type": "color" }, "control-transparent-bgColor-selected": { "key": "{control.transparent.bgColor.selected}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#656c76", "alpha": 0.2, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#2f3742", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#2f3742", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#2f3742", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#656c76", "alpha": 0.1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#2f3742", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.8}", "alpha": 0.2, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.6}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.6}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.6}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.8}", "alpha": 0.1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.6}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "key": "{control.transparent.bgColor.selected}" }, "name": "control-transparent-bgColor-selected", "attributes": {}, "path": ["control", "transparent", "bgColor", "selected"], "value": "#656c7633", "type": "color" }, "control-transparent-borderColor-active": { "key": "{control.transparent.borderColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#00000000", "dark-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{base.color.transparent}", "dark-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.transparent.borderColor.active}" }, "name": "control-transparent-borderColor-active", "attributes": {}, "path": ["control", "transparent", "borderColor", "active"], "value": "#00000000", "type": "color" }, "control-transparent-borderColor-hover": { "key": "{control.transparent.borderColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#00000000", "dark-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{base.color.transparent}", "dark-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{control.transparent.borderColor.hover}" }, "name": "control-transparent-borderColor-hover", "attributes": {}, "path": ["control", "transparent", "borderColor", "hover"], "value": "#00000000", "type": "color" }, "control-transparent-borderColor-rest": { "key": "{control.transparent.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#00000000" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{base.color.transparent}" } }, "key": "{control.transparent.borderColor.rest}" }, "name": "control-transparent-borderColor-rest", "attributes": {}, "path": ["control", "transparent", "borderColor", "rest"], "value": "#00000000", "type": "color" }, "controlKnob-bgColor-checked": { "key": "{controlKnob.bgColor.checked}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#ffffff" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.13}" } }, "key": "{controlKnob.bgColor.checked}" }, "name": "controlKnob-bgColor-checked", "attributes": {}, "path": ["controlKnob", "bgColor", "checked"], "value": "#ffffff", "type": "color" }, "controlKnob-bgColor-disabled": { "key": "{controlKnob.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#212830" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{control.bgColor.disabled}" } }, "key": "{controlKnob.bgColor.disabled}" }, "name": "controlKnob-bgColor-disabled", "attributes": {}, "path": ["controlKnob", "bgColor", "disabled"], "value": "#212830", "type": "color" }, "controlKnob-bgColor-rest": { "key": "{controlKnob.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#262c36", "dark-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.4}", "dark-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{controlKnob.bgColor.rest}" }, "name": "controlKnob-bgColor-rest", "attributes": {}, "path": ["controlKnob", "bgColor", "rest"], "value": "#262c36", "type": "color" }, "controlKnob-borderColor-checked": { "key": "{controlKnob.borderColor.checked}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#1f6feb" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{control.checked.bgColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{control.checked.bgColor.rest}" } }, "key": "{controlKnob.borderColor.checked}" }, "name": "controlKnob-borderColor-checked", "attributes": {}, "path": ["controlKnob", "borderColor", "checked"], "value": "#1f6feb", "type": "color" }, "controlKnob-borderColor-disabled": { "key": "{controlKnob.borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#212830" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{control.bgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{control.bgColor.disabled}" } }, "key": "{controlKnob.borderColor.disabled}" }, "name": "controlKnob-borderColor-disabled", "attributes": {}, "path": ["controlKnob", "borderColor", "disabled"], "value": "#212830", "type": "color" }, "controlKnob-borderColor-rest": { "key": "{controlKnob.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#3d444d", "dark-dimmed-high-contrast": "#656c76", "light-high-contrast": "#656c76", "light-tritanopia-high-contrast": "#656c76", "light-protanopia-deuteranopia-high-contrast": "#656c76", "dark-high-contrast": "#656c76", "dark-tritanopia-high-contrast": "#656c76", "dark-protanopia-deuteranopia-high-contrast": "#656c76" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{control.borderColor.rest}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{control.borderColor.rest}", "dark-dimmed-high-contrast": "{control.borderColor.emphasis}", "light-high-contrast": "{control.borderColor.emphasis}", "light-tritanopia-high-contrast": "{control.borderColor.emphasis}", "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}", "dark-high-contrast": "{control.borderColor.emphasis}", "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}", "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}" } }, "key": "{controlKnob.borderColor.rest}" }, "name": "controlKnob-borderColor-rest", "attributes": {}, "path": ["controlKnob", "borderColor", "rest"], "value": "#3d444d", "type": "color" }, "controlTrack-bgColor-active": { "key": "{controlTrack.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#2f3742", "dark-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.6}", "dark-high-contrast": { "$value": "{base.color.neutral.7}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.7}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.7}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.7}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.7}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.7}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.7}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{controlTrack.bgColor.active}" }, "name": "controlTrack-bgColor-active", "attributes": {}, "path": ["controlTrack", "bgColor", "active"], "value": "#2f3742", "type": "color" }, "controlTrack-bgColor-disabled": { "key": "{controlTrack.bgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#656c76" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{fgColor.disabled}" } }, "key": "{controlTrack.bgColor.disabled}" }, "name": "controlTrack-bgColor-disabled", "attributes": {}, "path": ["controlTrack", "bgColor", "disabled"], "value": "#656c76", "type": "color" }, "controlTrack-bgColor-hover": { "key": "{controlTrack.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#2a313c", "dark-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#2f3742", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.5}", "dark-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.6}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{controlTrack.bgColor.hover}" }, "name": "controlTrack-bgColor-hover", "attributes": {}, "path": ["controlTrack", "bgColor", "hover"], "value": "#2a313c", "type": "color" }, "controlTrack-bgColor-rest": { "key": "{controlTrack.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#010409", "dark-high-contrast": { "$value": "#010409", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#010409", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#010409", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#151b23", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#151b23", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#2a313c", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.0}", "dark-high-contrast": { "$value": "{base.color.neutral.0}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.0}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.0}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.2}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.5}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{controlTrack.bgColor.rest}" }, "name": "controlTrack-bgColor-rest", "attributes": {}, "path": ["controlTrack", "bgColor", "rest"], "value": "#010409", "type": "color" }, "controlTrack-borderColor-disabled": { "key": "{controlTrack.borderColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#656c76" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{fgColor.disabled}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{fgColor.disabled}" } }, "key": "{controlTrack.borderColor.disabled}" }, "name": "controlTrack-borderColor-disabled", "attributes": {}, "path": ["controlTrack", "borderColor", "disabled"], "value": "#656c76", "type": "color" }, "controlTrack-borderColor-rest": { "key": "{controlTrack.borderColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#3d444d", "dark-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#3d444d", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#656c76", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{borderColor.default}", "dark-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.7}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.emphasis}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{controlTrack.borderColor.rest}" }, "name": "controlTrack-borderColor-rest", "attributes": {}, "path": ["controlTrack", "borderColor", "rest"], "value": "#3d444d", "type": "color" }, "controlTrack-fgColor-disabled": { "key": "{controlTrack.fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#ffffff" } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.onEmphasis}" } }, "key": "{controlTrack.fgColor.disabled}" }, "name": "controlTrack-fgColor-disabled", "attributes": {}, "path": ["controlTrack", "fgColor", "disabled"], "value": "#ffffff", "type": "color" }, "controlTrack-fgColor-rest": { "key": "{controlTrack.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#9198a1", "dark-high-contrast": { "$value": "#f0f6fc", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f0f6fc", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#f0f6fc", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{fgColor.muted}", "dark-high-contrast": { "$value": "{fgColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{fgColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{fgColor.default}", "filePath": "src/tokens/functional/color/control.json5", "isSource": true, "$type": "color" } } }, "key": "{controlTrack.fgColor.rest}" }, "name": "controlTrack-fgColor-rest", "attributes": {}, "path": ["controlTrack", "fgColor", "rest"], "value": "#9198a1", "type": "color" }, "counter-bgColor-emphasis": { "key": "{counter.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/counter.json5", "isSource": true, "original": { "$value": "{bgColor.neutral.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "key": "{counter.bgColor.emphasis}" }, "name": "counter-bgColor-emphasis", "attributes": {}, "path": ["counter", "bgColor", "emphasis"], "value": "#656c76", "type": "color" }, "counter-bgColor-muted": { "key": "{counter.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/counter.json5", "isSource": true, "original": { "$value": "{bgColor.neutral.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "key": "{counter.bgColor.muted}" }, "name": "counter-bgColor-muted", "attributes": {}, "path": ["counter", "bgColor", "muted"], "value": "#656c7633", "type": "color" }, "counter-borderColor": { "key": "{counter.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": "#3d444d", "dark-dimmed-high-contrast": "#3d444d", "dark-tritanopia-high-contrast": "#3d444d", "dark-protanopia-deuteranopia-high-contrast": "#3d444d", "light-high-contrast": "#3d444d", "light-tritanopia-high-contrast": "#3d444d", "light-protanopia-deuteranopia-high-contrast": "#3d444d" } }, "filePath": "src/tokens/component/counter.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": "{borderColor.default}", "dark-dimmed-high-contrast": "{borderColor.default}", "dark-tritanopia-high-contrast": "{borderColor.default}", "dark-protanopia-deuteranopia-high-contrast": "{borderColor.default}", "light-high-contrast": "{borderColor.default}", "light-tritanopia-high-contrast": "{borderColor.default}", "light-protanopia-deuteranopia-high-contrast": "{borderColor.default}" } }, "key": "{counter.borderColor}" }, "name": "counter-borderColor", "attributes": {}, "path": ["counter", "borderColor"], "value": "#00000000", "type": "color" }, "dashboard-bgColor": { "key": "{dashboard.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#010409", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#010409", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#010409", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#010409", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#010409", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#010409", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "original": { "$value": "{bgColor.inset}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{bgColor.inset}", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{bgColor.inset}", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{bgColor.inset}", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{bgColor.inset}", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{bgColor.inset}", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{bgColor.inset}", "filePath": "src/tokens/component/dashboard.json5", "isSource": true, "$type": "color" } } }, "key": "{dashboard.bgColor}" }, "name": "dashboard-bgColor", "attributes": {}, "path": ["dashboard", "bgColor"], "value": "#010409", "type": "color" }, "data-auburn-color-emphasis": { "key": "{data.auburn.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#a86f6b" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.auburn.5}" } }, "key": "{data.auburn.color.emphasis}" }, "name": "data-auburn-color-emphasis", "attributes": {}, "path": ["data", "auburn", "color", "emphasis"], "value": "#a86f6b", "type": "color" }, "data-auburn-color-muted": { "key": "{data.auburn.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#271817" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.auburn.0}" } }, "key": "{data.auburn.color.muted}" }, "name": "data-auburn-color-muted", "attributes": {}, "path": ["data", "auburn", "color", "muted"], "value": "#271817", "type": "color" }, "data-blue-color-emphasis": { "key": "{data.blue.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#0576ff" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.blue.5}" } }, "key": "{data.blue.color.emphasis}" }, "name": "data-blue-color-emphasis", "attributes": {}, "path": ["data", "blue", "color", "emphasis"], "value": "#0576ff", "type": "color" }, "data-blue-color-muted": { "key": "{data.blue.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#001a47" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.blue.0}" } }, "key": "{data.blue.color.muted}" }, "name": "data-blue-color-muted", "attributes": {}, "path": ["data", "blue", "color", "muted"], "value": "#001a47", "type": "color" }, "data-brown-color-emphasis": { "key": "{data.brown.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#94774c" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.brown.5}" } }, "key": "{data.brown.color.emphasis}" }, "name": "data-brown-color-emphasis", "attributes": {}, "path": ["data", "brown", "color", "emphasis"], "value": "#94774c", "type": "color" }, "data-brown-color-muted": { "key": "{data.brown.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#241c14" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.brown.0}" } }, "key": "{data.brown.color.muted}" }, "name": "data-brown-color-muted", "attributes": {}, "path": ["data", "brown", "color", "muted"], "value": "#241c14", "type": "color" }, "data-coral-color-emphasis": { "key": "{data.coral.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#e1430e" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.coral.5}" } }, "key": "{data.coral.color.emphasis}" }, "name": "data-coral-color-emphasis", "attributes": {}, "path": ["data", "coral", "color", "emphasis"], "value": "#e1430e", "type": "color" }, "data-coral-color-muted": { "key": "{data.coral.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#351008" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.coral.0}" } }, "key": "{data.coral.color.muted}" }, "name": "data-coral-color-muted", "attributes": {}, "path": ["data", "coral", "color", "muted"], "value": "#351008", "type": "color" }, "data-gray-color-emphasis": { "key": "{data.gray.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#576270" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.gray.4}" } }, "key": "{data.gray.color.emphasis}" }, "name": "data-gray-color-emphasis", "attributes": {}, "path": ["data", "gray", "color", "emphasis"], "value": "#576270", "type": "color" }, "data-gray-color-muted": { "key": "{data.gray.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#1c1c1c" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.gray.0}" } }, "key": "{data.gray.color.muted}" }, "name": "data-gray-color-muted", "attributes": {}, "path": ["data", "gray", "color", "muted"], "value": "#1c1c1c", "type": "color" }, "data-green-color-emphasis": { "key": "{data.green.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#2f6f37" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.green.4}" } }, "key": "{data.green.color.emphasis}" }, "name": "data-green-color-emphasis", "attributes": {}, "path": ["data", "green", "color", "emphasis"], "value": "#2f6f37", "type": "color" }, "data-green-color-muted": { "key": "{data.green.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#122117" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.green.0}" } }, "key": "{data.green.color.muted}" }, "name": "data-green-color-muted", "attributes": {}, "path": ["data", "green", "color", "muted"], "value": "#122117", "type": "color" }, "data-lemon-color-emphasis": { "key": "{data.lemon.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#977b0c" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.lemon.5}" } }, "key": "{data.lemon.color.emphasis}" }, "name": "data-lemon-color-emphasis", "attributes": {}, "path": ["data", "lemon", "color", "emphasis"], "value": "#977b0c", "type": "color" }, "data-lemon-color-muted": { "key": "{data.lemon.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#291d00" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.lemon.0}" } }, "key": "{data.lemon.color.muted}" }, "name": "data-lemon-color-muted", "attributes": {}, "path": ["data", "lemon", "color", "muted"], "value": "#291d00", "type": "color" }, "data-lime-color-emphasis": { "key": "{data.lime.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#5f892f" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.lime.5}" } }, "key": "{data.lime.color.emphasis}" }, "name": "data-lime-color-emphasis", "attributes": {}, "path": ["data", "lime", "color", "emphasis"], "value": "#5f892f", "type": "color" }, "data-lime-color-muted": { "key": "{data.lime.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#141f0f" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.lime.0}" } }, "key": "{data.lime.color.muted}" }, "name": "data-lime-color-muted", "attributes": {}, "path": ["data", "lime", "color", "muted"], "value": "#141f0f", "type": "color" }, "data-olive-color-emphasis": { "key": "{data.olive.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#7a8321" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.olive.5}" } }, "key": "{data.olive.color.emphasis}" }, "name": "data-olive-color-emphasis", "attributes": {}, "path": ["data", "olive", "color", "emphasis"], "value": "#7a8321", "type": "color" }, "data-olive-color-muted": { "key": "{data.olive.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#171e0b" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.olive.0}" } }, "key": "{data.olive.color.muted}" }, "name": "data-olive-color-muted", "attributes": {}, "path": ["data", "olive", "color", "muted"], "value": "#171e0b", "type": "color" }, "data-orange-color-emphasis": { "key": "{data.orange.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#984b10" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.orange.4}" } }, "key": "{data.orange.color.emphasis}" }, "name": "data-orange-color-emphasis", "attributes": {}, "path": ["data", "orange", "color", "emphasis"], "value": "#984b10", "type": "color" }, "data-orange-color-muted": { "key": "{data.orange.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#311708" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.orange.0}" } }, "key": "{data.orange.color.muted}" }, "name": "data-orange-color-muted", "attributes": {}, "path": ["data", "orange", "color", "muted"], "value": "#311708", "type": "color" }, "data-pine-color-emphasis": { "key": "{data.pine.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#18915e" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.pine.5}" } }, "key": "{data.pine.color.emphasis}" }, "name": "data-pine-color-emphasis", "attributes": {}, "path": ["data", "pine", "color", "emphasis"], "value": "#18915e", "type": "color" }, "data-pine-color-muted": { "key": "{data.pine.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#082119" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.pine.0}" } }, "key": "{data.pine.color.muted}" }, "name": "data-pine-color-muted", "attributes": {}, "path": ["data", "pine", "color", "muted"], "value": "#082119", "type": "color" }, "data-pink-color-emphasis": { "key": "{data.pink.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#d34591" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.pink.5}" } }, "key": "{data.pink.color.emphasis}" }, "name": "data-pink-color-emphasis", "attributes": {}, "path": ["data", "pink", "color", "emphasis"], "value": "#d34591", "type": "color" }, "data-pink-color-muted": { "key": "{data.pink.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#2d1524" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.pink.0}" } }, "key": "{data.pink.color.muted}" }, "name": "data-pink-color-muted", "attributes": {}, "path": ["data", "pink", "color", "muted"], "value": "#2d1524", "type": "color" }, "data-plum-color-emphasis": { "key": "{data.plum.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#b643ef" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.plum.5}" } }, "key": "{data.plum.color.emphasis}" }, "name": "data-plum-color-emphasis", "attributes": {}, "path": ["data", "plum", "color", "emphasis"], "value": "#b643ef", "type": "color" }, "data-plum-color-muted": { "key": "{data.plum.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#2a0e3f" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.plum.0}" } }, "key": "{data.plum.color.muted}" }, "name": "data-plum-color-muted", "attributes": {}, "path": ["data", "plum", "color", "muted"], "value": "#2a0e3f", "type": "color" }, "data-purple-color-emphasis": { "key": "{data.purple.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#975bf1" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.purple.5}" } }, "key": "{data.purple.color.emphasis}" }, "name": "data-purple-color-emphasis", "attributes": {}, "path": ["data", "purple", "color", "emphasis"], "value": "#975bf1", "type": "color" }, "data-purple-color-muted": { "key": "{data.purple.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#211047" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.purple.0}" } }, "key": "{data.purple.color.muted}" }, "name": "data-purple-color-muted", "attributes": {}, "path": ["data", "purple", "color", "muted"], "value": "#211047", "type": "color" }, "data-red-color-emphasis": { "key": "{data.red.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#eb3342" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.red.5}" } }, "key": "{data.red.color.emphasis}" }, "name": "data-red-color-emphasis", "attributes": {}, "path": ["data", "red", "color", "emphasis"], "value": "#eb3342", "type": "color" }, "data-red-color-muted": { "key": "{data.red.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#3c0614" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.red.0}" } }, "key": "{data.red.color.muted}" }, "name": "data-red-color-muted", "attributes": {}, "path": ["data", "red", "color", "muted"], "value": "#3c0614", "type": "color" }, "data-teal-color-emphasis": { "key": "{data.teal.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#106c70" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.teal.4}" } }, "key": "{data.teal.color.emphasis}" }, "name": "data-teal-color-emphasis", "attributes": {}, "path": ["data", "teal", "color", "emphasis"], "value": "#106c70", "type": "color" }, "data-teal-color-muted": { "key": "{data.teal.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#041f25" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.teal.0}" } }, "key": "{data.teal.color.muted}" }, "name": "data-teal-color-muted", "attributes": {}, "path": ["data", "teal", "color", "muted"], "value": "#041f25", "type": "color" }, "data-yellow-color-emphasis": { "key": "{data.yellow.color.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "#895906" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] }, "org.primer.overrides": { "dark": "{base.display.color.yellow.4}" } }, "key": "{data.yellow.color.emphasis}" }, "name": "data-yellow-color-emphasis", "attributes": {}, "path": ["data", "yellow", "color", "emphasis"], "value": "#895906", "type": "color" }, "data-yellow-color-muted": { "key": "{data.yellow.color.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#2e1a00" } }, "filePath": "src/tokens/functional/color/data-vis.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.display.color.yellow.0}" } }, "key": "{data.yellow.color.muted}" }, "name": "data-yellow-color-muted", "attributes": {}, "path": ["data", "yellow", "color", "muted"], "value": "#2e1a00", "type": "color" }, "diffBlob-additionLine-bgColor": { "key": "{diffBlob.additionLine.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "alpha": 0.15 }, "dark-high-contrast": { "$value": "#2ea04326", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#2ea04326", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#2ea04326", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "alpha": 0.15, "original": { "$value": "{bgColor.success.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "alpha": 0.15 }, "dark-high-contrast": { "$value": "{bgColor.success.muted}", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{bgColor.success.muted}", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{bgColor.success.muted}", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.15, "key": "{diffBlob.additionLine.bgColor}" }, "name": "diffBlob-additionLine-bgColor", "attributes": {}, "path": ["diffBlob", "additionLine", "bgColor"], "value": "#2ea04326", "type": "color" }, "diffBlob-additionLine-fgColor": { "key": "{diffBlob.additionLine.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark-high-contrast": "#ffffff", "dark-tritanopia-high-contrast": "#ffffff", "dark-protanopia-deuteranopia-high-contrast": "#ffffff" } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark-high-contrast": "{fgColor.onEmphasis}", "dark-tritanopia-high-contrast": "{fgColor.onEmphasis}", "dark-protanopia-deuteranopia-high-contrast": "{fgColor.onEmphasis}" } }, "key": "{diffBlob.additionLine.fgColor}" }, "name": "diffBlob-additionLine-fgColor", "attributes": {}, "path": ["diffBlob", "additionLine", "fgColor"], "value": "#f0f6fc", "type": "color" }, "diffBlob-additionNum-bgColor": { "key": "{diffBlob.additionNum.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#3fb950", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#a5d6ff", "light-protanopia-deuteranopia-high-contrast": "#a5d6ff", "light-tritanopia": "#a5d6ff", "light-tritanopia-high-contrast": "#a5d6ff", "dark-tritanopia": { "$value": "#58a6ff", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "#58a6ff", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#58a6ff", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#58a6ff", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "alpha": 0.3, "original": { "$value": "{base.color.green.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.green.3}", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{base.color.blue.1}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}", "light-tritanopia": "{base.color.blue.1}", "light-tritanopia-high-contrast": "{base.color.blue.1}", "dark-tritanopia": { "$value": "{base.color.blue.3}", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia": { "$value": "{base.color.blue.3}", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.blue.3}", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.blue.3}", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.3, "key": "{diffBlob.additionNum.bgColor}" }, "name": "diffBlob-additionNum-bgColor", "attributes": {}, "path": ["diffBlob", "additionNum", "bgColor"], "value": "#3fb9504d", "type": "color" }, "diffBlob-additionNum-fgColor": { "key": "{diffBlob.additionNum.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] } }, "key": "{diffBlob.additionNum.fgColor}" }, "name": "diffBlob-additionNum-fgColor", "attributes": {}, "path": ["diffBlob", "additionNum", "fgColor"], "value": "#f0f6fc", "type": "color" }, "diffBlob-additionWord-bgColor": { "key": "{diffBlob.additionWord.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2ea043", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#a5d6ff", "light-protanopia-deuteranopia-high-contrast": "#1f6feb", "light-high-contrast": "#238636", "light-tritanopia": "#a5d6ff", "light-tritanopia-high-contrast": "#1f6feb", "dark-protanopia-deuteranopia": { "$value": "#388bfd", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": "#238636", "dark-tritanopia": { "$value": "#388bfd", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": "#238636", "dark-high-contrast": "#238636" } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "alpha": 0.4, "original": { "$value": "{base.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.green.4}", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{base.color.blue.1}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.5}", "light-high-contrast": "{base.color.green.5}", "light-tritanopia": "{base.color.blue.1}", "light-tritanopia-high-contrast": "{base.color.blue.5}", "dark-protanopia-deuteranopia": { "$value": "{base.color.blue.4}", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": "{bgColor.success.emphasis}", "dark-tritanopia": { "$value": "{base.color.blue.4}", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": "{bgColor.success.emphasis}", "dark-high-contrast": "{bgColor.success.emphasis}" } }, "alpha": 0.4, "key": "{diffBlob.additionWord.bgColor}" }, "name": "diffBlob-additionWord-bgColor", "attributes": {}, "path": ["diffBlob", "additionWord", "bgColor"], "value": "#2ea04366", "type": "color" }, "diffBlob-additionWord-fgColor": { "key": "{diffBlob.additionWord.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "light-high-contrast": "#ffffff", "light-tritanopia-high-contrast": "#ffffff", "light-protanopia-deuteranopia-high-contrast": "#ffffff" } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "light-high-contrast": "{fgColor.onEmphasis}", "light-tritanopia-high-contrast": "{fgColor.onEmphasis}", "light-protanopia-deuteranopia-high-contrast": "{fgColor.onEmphasis}" } }, "key": "{diffBlob.additionWord.fgColor}" }, "name": "diffBlob-additionWord-fgColor", "attributes": {}, "path": ["diffBlob", "additionWord", "fgColor"], "value": "#f0f6fc", "type": "color" }, "diffBlob-deletionLine-bgColor": { "key": "{diffBlob.deletionLine.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-protanopia-deuteranopia": { "$value": "#db6d28", "alpha": 0.15, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#f851491a", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#f851491a", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f851491a", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{bgColor.danger.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-protanopia-deuteranopia": { "$value": "{base.color.orange.4}", "alpha": 0.15, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{bgColor.danger.muted}", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{bgColor.danger.muted}", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{bgColor.danger.muted}", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "key": "{diffBlob.deletionLine.bgColor}" }, "name": "diffBlob-deletionLine-bgColor", "attributes": {}, "path": ["diffBlob", "deletionLine", "bgColor"], "value": "#f851491a", "type": "color" }, "diffBlob-deletionLine-fgColor": { "key": "{diffBlob.deletionLine.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark-high-contrast": "#ffffff", "dark-tritanopia-high-contrast": "#ffffff", "dark-protanopia-deuteranopia-high-contrast": "#ffffff" } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark-high-contrast": "{fgColor.onEmphasis}", "dark-tritanopia-high-contrast": "{fgColor.onEmphasis}", "dark-protanopia-deuteranopia-high-contrast": "{fgColor.onEmphasis}" } }, "key": "{diffBlob.deletionLine.fgColor}" }, "name": "diffBlob-deletionLine-fgColor", "attributes": {}, "path": ["diffBlob", "deletionLine", "fgColor"], "value": "#f0f6fc", "type": "color" }, "diffBlob-deletionNum-bgColor": { "key": "{diffBlob.deletionNum.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f85149", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#ffc680", "light-protanopia-deuteranopia-high-contrast": "#ffc680", "dark-protanopia-deuteranopia": { "$value": "#db6d28", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#db6d28", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "alpha": 0.3, "original": { "$value": "{base.color.red.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.red.4}", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{base.color.orange.1}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.1}", "dark-protanopia-deuteranopia": { "$value": "{base.color.orange.4}", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.4}", "alpha": 0.3, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.3, "key": "{diffBlob.deletionNum.bgColor}" }, "name": "diffBlob-deletionNum-bgColor", "attributes": {}, "path": ["diffBlob", "deletionNum", "bgColor"], "value": "#f851494d", "type": "color" }, "diffBlob-deletionNum-fgColor": { "key": "{diffBlob.deletionNum.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] } }, "key": "{diffBlob.deletionNum.fgColor}" }, "name": "diffBlob-deletionNum-fgColor", "attributes": {}, "path": ["diffBlob", "deletionNum", "fgColor"], "value": "#f0f6fc", "type": "color" }, "diffBlob-deletionWord-bgColor": { "key": "{diffBlob.deletionWord.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f85149", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#ffc680", "light-protanopia-deuteranopia-high-contrast": "#bd561d", "light-high-contrast": "#da3633", "light-tritanopia": "#ffc1ba", "light-tritanopia-high-contrast": "#da3633", "dark-high-contrast": "#da3633", "dark-protanopia-deuteranopia": { "$value": "#db6d28", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#db6d28", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": "#da3633" } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "alpha": 0.4, "original": { "$value": "{base.color.red.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.red.4}", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "{base.color.orange.1}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}", "light-high-contrast": "{base.color.red.5}", "light-tritanopia": "{base.color.red.1}", "light-tritanopia-high-contrast": "{base.color.red.5}", "dark-high-contrast": "{bgColor.danger.emphasis}", "dark-protanopia-deuteranopia": { "$value": "{base.color.orange.4}", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.orange.4}", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": "{bgColor.danger.emphasis}" } }, "alpha": 0.4, "key": "{diffBlob.deletionWord.bgColor}" }, "name": "diffBlob-deletionWord-bgColor", "attributes": {}, "path": ["diffBlob", "deletionWord", "bgColor"], "value": "#f8514966", "type": "color" }, "diffBlob-deletionWord-fgColor": { "key": "{diffBlob.deletionWord.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "light-high-contrast": "#ffffff", "light-tritanopia-high-contrast": "#ffffff", "light-protanopia-deuteranopia-high-contrast": "#ffffff" } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "light-high-contrast": "{fgColor.onEmphasis}", "light-tritanopia-high-contrast": "{fgColor.onEmphasis}", "light-protanopia-deuteranopia-high-contrast": "{fgColor.onEmphasis}" } }, "key": "{diffBlob.deletionWord.fgColor}" }, "name": "diffBlob-deletionWord-fgColor", "attributes": {}, "path": ["diffBlob", "deletionWord", "fgColor"], "value": "#f0f6fc", "type": "color" }, "diffBlob-emptyLine-bgColor": { "key": "{diffBlob.emptyLine.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{bgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "key": "{diffBlob.emptyLine.bgColor}" }, "name": "diffBlob-emptyLine-bgColor", "attributes": {}, "path": ["diffBlob", "emptyLine", "bgColor"], "value": "#151b23", "type": "color" }, "diffBlob-emptyNum-bgColor": { "key": "{diffBlob.emptyNum.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{bgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "key": "{diffBlob.emptyNum.bgColor}" }, "name": "diffBlob-emptyNum-bgColor", "attributes": {}, "path": ["diffBlob", "emptyNum", "bgColor"], "value": "#151b23", "type": "color" }, "diffBlob-expander-iconColor": { "key": "{diffBlob.expander.iconColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "light-high-contrast": "#f0f6fc", "light-tritanopia-high-contrast": "#f0f6fc", "light-protanopia-deuteranopia-high-contrast": "#f0f6fc", "dark-high-contrast": "#f0f6fc", "dark-tritanopia-high-contrast": "#f0f6fc", "dark-protanopia-deuteranopia-high-contrast": "#f0f6fc" } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "light-high-contrast": "{fgColor.default}", "light-tritanopia-high-contrast": "{fgColor.default}", "light-protanopia-deuteranopia-high-contrast": "{fgColor.default}", "dark-high-contrast": "{fgColor.default}", "dark-tritanopia-high-contrast": "{fgColor.default}", "dark-protanopia-deuteranopia-high-contrast": "{fgColor.default}" } }, "key": "{diffBlob.expander.iconColor}" }, "name": "diffBlob-expander-iconColor", "attributes": {}, "path": ["diffBlob", "expander", "iconColor"], "value": "#9198a1", "type": "color" }, "diffBlob-hunkLine-bgColor": { "key": "{diffBlob.hunkLine.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "light-tritanopia": "#0d1117", "light-tritanopia-high-contrast": "#0d1117", "light-protanopia-deuteranopia": "#0d1117", "light-protanopia-deuteranopia-high-contrast": "#0d1117", "dark-protanopia-deuteranopia": "#212830", "dark-protanopia-deuteranopia-high-contrast": "#212830", "dark-tritanopia": "#212830", "dark-tritanopia-high-contrast": "#212830", "dark-high-contrast": { "$value": "#388bfd1a", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{bgColor.accent.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "light-tritanopia": "{base.color.neutral.1}", "light-tritanopia-high-contrast": "{base.color.neutral.1}", "light-protanopia-deuteranopia": "{base.color.neutral.1}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.1}", "dark-protanopia-deuteranopia": "{base.color.neutral.3}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}", "dark-tritanopia": "{base.color.neutral.3}", "dark-tritanopia-high-contrast": "{base.color.neutral.3}", "dark-high-contrast": { "$value": "{bgColor.accent.muted}", "alpha": 0.2, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "key": "{diffBlob.hunkLine.bgColor}" }, "name": "diffBlob-hunkLine-bgColor", "attributes": {}, "path": ["diffBlob", "hunkLine", "bgColor"], "value": "#388bfd1a", "type": "color" }, "diffBlob-hunkLine-fgColor": { "key": "{diffBlob.hunkLine.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] } }, "key": "{diffBlob.hunkLine.fgColor}" }, "name": "diffBlob-hunkLine-fgColor", "attributes": {}, "path": ["diffBlob", "hunkLine", "fgColor"], "value": "#9198a1", "type": "color" }, "diffBlob-hunkNum-bgColor-hover": { "key": "{diffBlob.hunkNum.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "light-tritanopia": "#3d444d", "dark-tritanopia": "#656c76", "light-protanopia-deuteranopia": "#3d444d", "dark-protanopia-deuteranopia": "#656c76", "light-tritanopia-high-contrast": "#3d444d", "dark-tritanopia-high-contrast": "#656c76", "light-protanopia-deuteranopia-high-contrast": "#3d444d", "dark-protanopia-deuteranopia-high-contrast": "#656c76" } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "light-tritanopia": "{base.color.neutral.7}", "dark-tritanopia": "{base.color.neutral.8}", "light-protanopia-deuteranopia": "{base.color.neutral.7}", "dark-protanopia-deuteranopia": "{base.color.neutral.8}", "light-tritanopia-high-contrast": "{base.color.neutral.7}", "dark-tritanopia-high-contrast": "{base.color.neutral.8}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.7}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}" } }, "key": "{diffBlob.hunkNum.bgColor.hover}" }, "name": "diffBlob-hunkNum-bgColor-hover", "attributes": {}, "path": ["diffBlob", "hunkNum", "bgColor", "hover"], "value": "#1f6feb", "type": "color" }, "diffBlob-hunkNum-bgColor-rest": { "key": "{diffBlob.hunkNum.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#0c2d6b", "light-tritanopia": "#212830", "light-protanopia-deuteranopia": "#212830", "light-tritanopia-high-contrast": "#212830", "light-protanopia-deuteranopia-high-contrast": "#212830", "dark-protanopia-deuteranopia": "#2f3742", "dark-protanopia-deuteranopia-high-contrast": "#2f3742", "dark-tritanopia": "#2f3742", "dark-tritanopia-high-contrast": "#2f3742", "dark-high-contrast": { "$value": "#388bfd", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{base.color.blue.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.blue.8}", "light-tritanopia": "{base.color.neutral.3}", "light-protanopia-deuteranopia": "{base.color.neutral.3}", "light-tritanopia-high-contrast": "{base.color.neutral.3}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.3}", "dark-protanopia-deuteranopia": "{base.color.neutral.6}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.6}", "dark-tritanopia": "{base.color.neutral.6}", "dark-tritanopia-high-contrast": "{base.color.neutral.6}", "dark-high-contrast": { "$value": "{base.color.blue.4}", "alpha": 0.4, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "$type": "color" } } }, "key": "{diffBlob.hunkNum.bgColor.rest}" }, "name": "diffBlob-hunkNum-bgColor-rest", "attributes": {}, "path": ["diffBlob", "hunkNum", "bgColor", "rest"], "value": "#0c2d6b", "type": "color" }, "diffBlob-hunkNum-fgColor-hover": { "key": "{diffBlob.hunkNum.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "light-protanopia-deuteranopia": "#f0f6fc", "light-tritanopia": "#f0f6fc", "light-protanopia-deuteranopia-high-contrast": "#f0f6fc", "light-tritanopia-high-contrast": "#f0f6fc" } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "light-protanopia-deuteranopia": "{fgColor.default}", "light-tritanopia": "{fgColor.default}", "light-protanopia-deuteranopia-high-contrast": "{fgColor.default}", "light-tritanopia-high-contrast": "{fgColor.default}" } }, "key": "{diffBlob.hunkNum.fgColor.hover}" }, "name": "diffBlob-hunkNum-fgColor-hover", "attributes": {}, "path": ["diffBlob", "hunkNum", "fgColor", "hover"], "value": "#ffffff", "type": "color" }, "diffBlob-hunkNum-fgColor-rest": { "key": "{diffBlob.hunkNum.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/diffBlob.json5", "isSource": true, "original": { "$value": "{fgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] } }, "key": "{diffBlob.hunkNum.fgColor.rest}" }, "name": "diffBlob-hunkNum-fgColor-rest", "attributes": {}, "path": ["diffBlob", "hunkNum", "fgColor", "rest"], "value": "#f0f6fc", "type": "color" }, "display-auburn-bgColor-emphasis": { "key": "{display.auburn.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#87534f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#c6a19f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#c6a19f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#c6a19f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#6d4340", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#6d4340", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#6d4340", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#6d4340", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.auburn.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.auburn.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.auburn.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.auburn.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.auburn.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.auburn.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.auburn.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.auburn.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.auburn.bgColor.emphasis}" }, "name": "display-auburn-bgColor-emphasis", "attributes": {}, "path": ["display", "auburn", "bgColor", "emphasis"], "value": "#87534f", "type": "color" }, "display-auburn-bgColor-muted": { "key": "{display.auburn.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#271817", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.auburn.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.auburn.bgColor.muted}" }, "name": "display-auburn-bgColor-muted", "attributes": {}, "path": ["display", "auburn", "bgColor", "muted"], "value": "#271817", "type": "color" }, "display-auburn-borderColor-emphasis": { "key": "{display.auburn.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#a86f6b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.auburn.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.auburn.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.auburn.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.auburn.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.auburn.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.auburn.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.auburn.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.auburn.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.auburn.borderColor.emphasis}" }, "name": "display-auburn-borderColor-emphasis", "attributes": {}, "path": ["display", "auburn", "borderColor", "emphasis"], "value": "#a86f6b", "type": "color" }, "display-auburn-borderColor-muted": { "key": "{display.auburn.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#3a2422", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.auburn.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.auburn.borderColor.muted}" }, "name": "display-auburn-borderColor-muted", "attributes": {}, "path": ["display", "auburn", "borderColor", "muted"], "value": "#3a2422", "type": "color" }, "display-auburn-fgColor": { "key": "{display.auburn.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#bf9592", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#d4b7b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#d4b7b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#d4b7b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#d4b7b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#d4b7b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#d4b7b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#d4b7b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.auburn.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.auburn.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.auburn.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.auburn.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.auburn.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.auburn.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.auburn.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.auburn.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.auburn.fgColor}" }, "name": "display-auburn-fgColor", "attributes": {}, "path": ["display", "auburn", "fgColor"], "value": "#bf9592", "type": "color" }, "display-auburn-scale-0": { "key": "{display.auburn.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.auburn.scale.0}" }, "name": "display-auburn-scale-0", "attributes": {}, "path": ["display", "auburn", "scale", "0"], "value": "#271817", "type": "color" }, "display-auburn-scale-1": { "key": "{display.auburn.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.auburn.scale.1}" }, "name": "display-auburn-scale-1", "attributes": {}, "path": ["display", "auburn", "scale", "1"], "value": "#3a2422", "type": "color" }, "display-auburn-scale-2": { "key": "{display.auburn.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.auburn.scale.2}" }, "name": "display-auburn-scale-2", "attributes": {}, "path": ["display", "auburn", "scale", "2"], "value": "#543331", "type": "color" }, "display-auburn-scale-3": { "key": "{display.auburn.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.auburn.scale.3}" }, "name": "display-auburn-scale-3", "attributes": {}, "path": ["display", "auburn", "scale", "3"], "value": "#6d4340", "type": "color" }, "display-auburn-scale-4": { "key": "{display.auburn.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.auburn.scale.4}" }, "name": "display-auburn-scale-4", "attributes": {}, "path": ["display", "auburn", "scale", "4"], "value": "#87534f", "type": "color" }, "display-auburn-scale-5": { "key": "{display.auburn.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.auburn.scale.5}" }, "name": "display-auburn-scale-5", "attributes": {}, "path": ["display", "auburn", "scale", "5"], "value": "#a86f6b", "type": "color" }, "display-auburn-scale-6": { "key": "{display.auburn.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.auburn.scale.6}" }, "name": "display-auburn-scale-6", "attributes": {}, "path": ["display", "auburn", "scale", "6"], "value": "#bf9592", "type": "color" }, "display-auburn-scale-7": { "key": "{display.auburn.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.auburn.scale.7}" }, "name": "display-auburn-scale-7", "attributes": {}, "path": ["display", "auburn", "scale", "7"], "value": "#c6a19f", "type": "color" }, "display-auburn-scale-8": { "key": "{display.auburn.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.auburn.scale.8}" }, "name": "display-auburn-scale-8", "attributes": {}, "path": ["display", "auburn", "scale", "8"], "value": "#d4b7b5", "type": "color" }, "display-auburn-scale-9": { "key": "{display.auburn.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.auburn.scale.9}" }, "name": "display-auburn-scale-9", "attributes": {}, "path": ["display", "auburn", "scale", "9"], "value": "#dfcac8", "type": "color" }, "display-blue-bgColor-emphasis": { "key": "{display.blue.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#005bd1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#61adff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#61adff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#61adff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#0046a8", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#0046a8", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#0046a8", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#0046a8", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.blue.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.blue.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.blue.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.blue.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.blue.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.blue.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.blue.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.blue.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.blue.bgColor.emphasis}" }, "name": "display-blue-bgColor-emphasis", "attributes": {}, "path": ["display", "blue", "bgColor", "emphasis"], "value": "#005bd1", "type": "color" }, "display-blue-bgColor-muted": { "key": "{display.blue.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#001a47", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.blue.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.blue.bgColor.muted}" }, "name": "display-blue-bgColor-muted", "attributes": {}, "path": ["display", "blue", "bgColor", "muted"], "value": "#001a47", "type": "color" }, "display-blue-borderColor-emphasis": { "key": "{display.blue.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#0576ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.blue.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.blue.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.blue.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.blue.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.blue.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.blue.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.blue.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.blue.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.blue.borderColor.emphasis}" }, "name": "display-blue-borderColor-emphasis", "attributes": {}, "path": ["display", "blue", "borderColor", "emphasis"], "value": "#0576ff", "type": "color" }, "display-blue-borderColor-muted": { "key": "{display.blue.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#002766", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.blue.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.blue.borderColor.muted}" }, "name": "display-blue-borderColor-muted", "attributes": {}, "path": ["display", "blue", "borderColor", "muted"], "value": "#002766", "type": "color" }, "display-blue-fgColor": { "key": "{display.blue.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#4da0ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#85c2ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#85c2ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#85c2ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#85c2ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#85c2ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#85c2ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#85c2ff", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.blue.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.blue.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.blue.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.blue.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.blue.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.blue.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.blue.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.blue.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.blue.fgColor}" }, "name": "display-blue-fgColor", "attributes": {}, "path": ["display", "blue", "fgColor"], "value": "#4da0ff", "type": "color" }, "display-blue-scale-0": { "key": "{display.blue.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.blue.scale.0}" }, "name": "display-blue-scale-0", "attributes": {}, "path": ["display", "blue", "scale", "0"], "value": "#001a47", "type": "color" }, "display-blue-scale-1": { "key": "{display.blue.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.blue.scale.1}" }, "name": "display-blue-scale-1", "attributes": {}, "path": ["display", "blue", "scale", "1"], "value": "#002766", "type": "color" }, "display-blue-scale-2": { "key": "{display.blue.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.blue.scale.2}" }, "name": "display-blue-scale-2", "attributes": {}, "path": ["display", "blue", "scale", "2"], "value": "#00378a", "type": "color" }, "display-blue-scale-3": { "key": "{display.blue.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.blue.scale.3}" }, "name": "display-blue-scale-3", "attributes": {}, "path": ["display", "blue", "scale", "3"], "value": "#0046a8", "type": "color" }, "display-blue-scale-4": { "key": "{display.blue.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.blue.scale.4}" }, "name": "display-blue-scale-4", "attributes": {}, "path": ["display", "blue", "scale", "4"], "value": "#005bd1", "type": "color" }, "display-blue-scale-5": { "key": "{display.blue.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.blue.scale.5}" }, "name": "display-blue-scale-5", "attributes": {}, "path": ["display", "blue", "scale", "5"], "value": "#0576ff", "type": "color" }, "display-blue-scale-6": { "key": "{display.blue.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.blue.scale.6}" }, "name": "display-blue-scale-6", "attributes": {}, "path": ["display", "blue", "scale", "6"], "value": "#4da0ff", "type": "color" }, "display-blue-scale-7": { "key": "{display.blue.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.blue.scale.7}" }, "name": "display-blue-scale-7", "attributes": {}, "path": ["display", "blue", "scale", "7"], "value": "#61adff", "type": "color" }, "display-blue-scale-8": { "key": "{display.blue.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.blue.scale.8}" }, "name": "display-blue-scale-8", "attributes": {}, "path": ["display", "blue", "scale", "8"], "value": "#85c2ff", "type": "color" }, "display-blue-scale-9": { "key": "{display.blue.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.blue.scale.9}" }, "name": "display-blue-scale-9", "attributes": {}, "path": ["display", "blue", "scale", "9"], "value": "#a3d3ff", "type": "color" }, "display-brown-bgColor-emphasis": { "key": "{display.brown.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#755e3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#bfa77d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#bfa77d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#bfa77d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#5d4a32", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#5d4a32", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#5d4a32", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#5d4a32", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.brown.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.brown.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.brown.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.brown.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.brown.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.brown.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.brown.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.brown.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.brown.bgColor.emphasis}" }, "name": "display-brown-bgColor-emphasis", "attributes": {}, "path": ["display", "brown", "bgColor", "emphasis"], "value": "#755e3e", "type": "color" }, "display-brown-bgColor-muted": { "key": "{display.brown.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#241c14", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.brown.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.brown.bgColor.muted}" }, "name": "display-brown-bgColor-muted", "attributes": {}, "path": ["display", "brown", "bgColor", "muted"], "value": "#241c14", "type": "color" }, "display-brown-borderColor-emphasis": { "key": "{display.brown.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#94774c", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.brown.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.brown.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.brown.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.brown.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.brown.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.brown.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.brown.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.brown.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.brown.borderColor.emphasis}" }, "name": "display-brown-borderColor-emphasis", "attributes": {}, "path": ["display", "brown", "borderColor", "emphasis"], "value": "#94774c", "type": "color" }, "display-brown-borderColor-muted": { "key": "{display.brown.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#342a1d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.brown.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.brown.borderColor.muted}" }, "name": "display-brown-borderColor-muted", "attributes": {}, "path": ["display", "brown", "borderColor", "muted"], "value": "#342a1d", "type": "color" }, "display-brown-fgColor": { "key": "{display.brown.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#b69a6d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#cdbb98", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#cdbb98", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#cdbb98", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#cdbb98", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#cdbb98", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#cdbb98", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#cdbb98", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.brown.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.brown.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.brown.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.brown.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.brown.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.brown.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.brown.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.brown.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.brown.fgColor}" }, "name": "display-brown-fgColor", "attributes": {}, "path": ["display", "brown", "fgColor"], "value": "#b69a6d", "type": "color" }, "display-brown-scale-0": { "key": "{display.brown.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.brown.scale.0}" }, "name": "display-brown-scale-0", "attributes": {}, "path": ["display", "brown", "scale", "0"], "value": "#241c14", "type": "color" }, "display-brown-scale-1": { "key": "{display.brown.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.brown.scale.1}" }, "name": "display-brown-scale-1", "attributes": {}, "path": ["display", "brown", "scale", "1"], "value": "#342a1d", "type": "color" }, "display-brown-scale-2": { "key": "{display.brown.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.brown.scale.2}" }, "name": "display-brown-scale-2", "attributes": {}, "path": ["display", "brown", "scale", "2"], "value": "#483a28", "type": "color" }, "display-brown-scale-3": { "key": "{display.brown.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.brown.scale.3}" }, "name": "display-brown-scale-3", "attributes": {}, "path": ["display", "brown", "scale", "3"], "value": "#5d4a32", "type": "color" }, "display-brown-scale-4": { "key": "{display.brown.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.brown.scale.4}" }, "name": "display-brown-scale-4", "attributes": {}, "path": ["display", "brown", "scale", "4"], "value": "#755e3e", "type": "color" }, "display-brown-scale-5": { "key": "{display.brown.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.brown.scale.5}" }, "name": "display-brown-scale-5", "attributes": {}, "path": ["display", "brown", "scale", "5"], "value": "#94774c", "type": "color" }, "display-brown-scale-6": { "key": "{display.brown.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.brown.scale.6}" }, "name": "display-brown-scale-6", "attributes": {}, "path": ["display", "brown", "scale", "6"], "value": "#b69a6d", "type": "color" }, "display-brown-scale-7": { "key": "{display.brown.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.brown.scale.7}" }, "name": "display-brown-scale-7", "attributes": {}, "path": ["display", "brown", "scale", "7"], "value": "#bfa77d", "type": "color" }, "display-brown-scale-8": { "key": "{display.brown.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.brown.scale.8}" }, "name": "display-brown-scale-8", "attributes": {}, "path": ["display", "brown", "scale", "8"], "value": "#cdbb98", "type": "color" }, "display-brown-scale-9": { "key": "{display.brown.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.brown.scale.9}" }, "name": "display-brown-scale-9", "attributes": {}, "path": ["display", "brown", "scale", "9"], "value": "#dbceb3", "type": "color" }, "display-coral-bgColor-emphasis": { "key": "{display.coral.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#c31328", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#fa8c61", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#fa8c61", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#fa8c61", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#902a0e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#902a0e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#902a0e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#902a0e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.coral.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.coral.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.coral.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.coral.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.coral.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.coral.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.coral.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.coral.bgColor.emphasis}" }, "name": "display-coral-bgColor-emphasis", "attributes": {}, "path": ["display", "coral", "bgColor", "emphasis"], "value": "#c31328", "type": "color" }, "display-coral-bgColor-muted": { "key": "{display.coral.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#3c0614", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.coral.bgColor.muted}" }, "name": "display-coral-bgColor-muted", "attributes": {}, "path": ["display", "coral", "bgColor", "muted"], "value": "#3c0614", "type": "color" }, "display-coral-borderColor-emphasis": { "key": "{display.coral.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#eb3342", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.coral.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.coral.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.coral.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.coral.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.coral.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.coral.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.coral.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.coral.borderColor.emphasis}" }, "name": "display-coral-borderColor-emphasis", "attributes": {}, "path": ["display", "coral", "borderColor", "emphasis"], "value": "#eb3342", "type": "color" }, "display-coral-borderColor-muted": { "key": "{display.coral.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#58091a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.coral.borderColor.muted}" }, "name": "display-coral-borderColor-muted", "attributes": {}, "path": ["display", "coral", "borderColor", "muted"], "value": "#58091a", "type": "color" }, "display-coral-fgColor": { "key": "{display.coral.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f27d83", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#fdaa86", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#fdaa86", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#fdaa86", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#fdaa86", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#fdaa86", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#fdaa86", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#fdaa86", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.coral.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.coral.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.coral.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.coral.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.coral.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.coral.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.coral.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.coral.fgColor}" }, "name": "display-coral-fgColor", "attributes": {}, "path": ["display", "coral", "fgColor"], "value": "#f27d83", "type": "color" }, "display-coral-scale-0": { "key": "{display.coral.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.coral.scale.0}" }, "name": "display-coral-scale-0", "attributes": {}, "path": ["display", "coral", "scale", "0"], "value": "#351008", "type": "color" }, "display-coral-scale-1": { "key": "{display.coral.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.coral.scale.1}" }, "name": "display-coral-scale-1", "attributes": {}, "path": ["display", "coral", "scale", "1"], "value": "#51180b", "type": "color" }, "display-coral-scale-2": { "key": "{display.coral.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.coral.scale.2}" }, "name": "display-coral-scale-2", "attributes": {}, "path": ["display", "coral", "scale", "2"], "value": "#72220d", "type": "color" }, "display-coral-scale-3": { "key": "{display.coral.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.coral.scale.3}" }, "name": "display-coral-scale-3", "attributes": {}, "path": ["display", "coral", "scale", "3"], "value": "#902a0e", "type": "color" }, "display-coral-scale-4": { "key": "{display.coral.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.coral.scale.4}" }, "name": "display-coral-scale-4", "attributes": {}, "path": ["display", "coral", "scale", "4"], "value": "#b3350f", "type": "color" }, "display-coral-scale-5": { "key": "{display.coral.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.coral.scale.5}" }, "name": "display-coral-scale-5", "attributes": {}, "path": ["display", "coral", "scale", "5"], "value": "#e1430e", "type": "color" }, "display-coral-scale-6": { "key": "{display.coral.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.coral.scale.6}" }, "name": "display-coral-scale-6", "attributes": {}, "path": ["display", "coral", "scale", "6"], "value": "#f7794b", "type": "color" }, "display-coral-scale-7": { "key": "{display.coral.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.coral.scale.7}" }, "name": "display-coral-scale-7", "attributes": {}, "path": ["display", "coral", "scale", "7"], "value": "#fa8c61", "type": "color" }, "display-coral-scale-8": { "key": "{display.coral.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.coral.scale.8}" }, "name": "display-coral-scale-8", "attributes": {}, "path": ["display", "coral", "scale", "8"], "value": "#fdaa86", "type": "color" }, "display-coral-scale-9": { "key": "{display.coral.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.coral.scale.9}" }, "name": "display-coral-scale-9", "attributes": {}, "path": ["display", "coral", "scale", "9"], "value": "#ffc0a3", "type": "color" }, "display-cyan-bgColor-emphasis": { "key": "{display.cyan.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#036a8c", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#09b7f1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#09b7f1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#09b7f1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#02536f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#02536f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#02536f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#02536f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.cyan.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.cyan.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.cyan.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.cyan.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.cyan.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.cyan.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.cyan.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.cyan.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.cyan.bgColor.emphasis}" }, "name": "display-cyan-bgColor-emphasis", "attributes": {}, "path": ["display", "cyan", "bgColor", "emphasis"], "value": "#036a8c", "type": "color" }, "display-cyan-bgColor-muted": { "key": "{display.cyan.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#001f29", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.cyan.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.cyan.bgColor.muted}" }, "name": "display-cyan-bgColor-muted", "attributes": {}, "path": ["display", "cyan", "bgColor", "muted"], "value": "#001f29", "type": "color" }, "display-cyan-borderColor-emphasis": { "key": "{display.cyan.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#0587b3", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.cyan.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.cyan.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.cyan.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.cyan.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.cyan.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.cyan.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.cyan.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.cyan.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.cyan.borderColor.emphasis}" }, "name": "display-cyan-borderColor-emphasis", "attributes": {}, "path": ["display", "cyan", "borderColor", "emphasis"], "value": "#0587b3", "type": "color" }, "display-cyan-borderColor-muted": { "key": "{display.cyan.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#002e3d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.cyan.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.cyan.borderColor.muted}" }, "name": "display-cyan-borderColor-muted", "attributes": {}, "path": ["display", "cyan", "borderColor", "muted"], "value": "#002e3d", "type": "color" }, "display-cyan-fgColor": { "key": "{display.cyan.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#07ace4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#45cbf7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#45cbf7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#45cbf7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#45cbf7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#45cbf7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#45cbf7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#45cbf7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.cyan.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.cyan.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.cyan.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.cyan.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.cyan.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.cyan.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.cyan.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.cyan.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.cyan.fgColor}" }, "name": "display-cyan-fgColor", "attributes": {}, "path": ["display", "cyan", "fgColor"], "value": "#07ace4", "type": "color" }, "display-cyan-scale-0": { "key": "{display.cyan.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.cyan.scale.0}" }, "name": "display-cyan-scale-0", "attributes": {}, "path": ["display", "cyan", "scale", "0"], "value": "#001f29", "type": "color" }, "display-cyan-scale-1": { "key": "{display.cyan.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.cyan.scale.1}" }, "name": "display-cyan-scale-1", "attributes": {}, "path": ["display", "cyan", "scale", "1"], "value": "#002e3d", "type": "color" }, "display-cyan-scale-2": { "key": "{display.cyan.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.cyan.scale.2}" }, "name": "display-cyan-scale-2", "attributes": {}, "path": ["display", "cyan", "scale", "2"], "value": "#014156", "type": "color" }, "display-cyan-scale-3": { "key": "{display.cyan.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.cyan.scale.3}" }, "name": "display-cyan-scale-3", "attributes": {}, "path": ["display", "cyan", "scale", "3"], "value": "#02536f", "type": "color" }, "display-cyan-scale-4": { "key": "{display.cyan.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.cyan.scale.4}" }, "name": "display-cyan-scale-4", "attributes": {}, "path": ["display", "cyan", "scale", "4"], "value": "#036a8c", "type": "color" }, "display-cyan-scale-5": { "key": "{display.cyan.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.cyan.scale.5}" }, "name": "display-cyan-scale-5", "attributes": {}, "path": ["display", "cyan", "scale", "5"], "value": "#0587b3", "type": "color" }, "display-cyan-scale-6": { "key": "{display.cyan.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.cyan.scale.6}" }, "name": "display-cyan-scale-6", "attributes": {}, "path": ["display", "cyan", "scale", "6"], "value": "#07ace4", "type": "color" }, "display-cyan-scale-7": { "key": "{display.cyan.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.cyan.scale.7}" }, "name": "display-cyan-scale-7", "attributes": {}, "path": ["display", "cyan", "scale", "7"], "value": "#09b7f1", "type": "color" }, "display-cyan-scale-8": { "key": "{display.cyan.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.cyan.scale.8}" }, "name": "display-cyan-scale-8", "attributes": {}, "path": ["display", "cyan", "scale", "8"], "value": "#45cbf7", "type": "color" }, "display-cyan-scale-9": { "key": "{display.cyan.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.cyan.scale.9}" }, "name": "display-cyan-scale-9", "attributes": {}, "path": ["display", "cyan", "scale", "9"], "value": "#80dbf9", "type": "color" }, "display-gray-bgColor-emphasis": { "key": "{display.gray.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#576270", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#9babbf", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#9babbf", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#9babbf", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#474e57", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#474e57", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#474e57", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#474e57", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.gray.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.gray.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.gray.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.gray.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.gray.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.gray.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.gray.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.gray.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.gray.bgColor.emphasis}" }, "name": "display-gray-bgColor-emphasis", "attributes": {}, "path": ["display", "gray", "bgColor", "emphasis"], "value": "#576270", "type": "color" }, "display-gray-bgColor-muted": { "key": "{display.gray.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1c1c1c", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.gray.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.gray.bgColor.muted}" }, "name": "display-gray-bgColor-muted", "attributes": {}, "path": ["display", "gray", "bgColor", "muted"], "value": "#1c1c1c", "type": "color" }, "display-gray-borderColor-emphasis": { "key": "{display.gray.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#6e7f96", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.gray.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.gray.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.gray.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.gray.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.gray.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.gray.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.gray.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.gray.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.gray.borderColor.emphasis}" }, "name": "display-gray-borderColor-emphasis", "attributes": {}, "path": ["display", "gray", "borderColor", "emphasis"], "value": "#6e7f96", "type": "color" }, "display-gray-borderColor-muted": { "key": "{display.gray.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#2a2b2d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.gray.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.gray.borderColor.muted}" }, "name": "display-gray-borderColor-muted", "attributes": {}, "path": ["display", "gray", "borderColor", "muted"], "value": "#2a2b2d", "type": "color" }, "display-gray-fgColor": { "key": "{display.gray.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#92a1b5", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#b3c0d1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#b3c0d1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#b3c0d1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#b3c0d1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#b3c0d1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#b3c0d1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#b3c0d1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.gray.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.gray.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.gray.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.gray.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.gray.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.gray.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.gray.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.gray.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.gray.fgColor}" }, "name": "display-gray-fgColor", "attributes": {}, "path": ["display", "gray", "fgColor"], "value": "#92a1b5", "type": "color" }, "display-gray-scale-0": { "key": "{display.gray.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.gray.scale.0}" }, "name": "display-gray-scale-0", "attributes": {}, "path": ["display", "gray", "scale", "0"], "value": "#1c1c1c", "type": "color" }, "display-gray-scale-1": { "key": "{display.gray.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.gray.scale.1}" }, "name": "display-gray-scale-1", "attributes": {}, "path": ["display", "gray", "scale", "1"], "value": "#2a2b2d", "type": "color" }, "display-gray-scale-2": { "key": "{display.gray.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.gray.scale.2}" }, "name": "display-gray-scale-2", "attributes": {}, "path": ["display", "gray", "scale", "2"], "value": "#393d41", "type": "color" }, "display-gray-scale-3": { "key": "{display.gray.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.gray.scale.3}" }, "name": "display-gray-scale-3", "attributes": {}, "path": ["display", "gray", "scale", "3"], "value": "#474e57", "type": "color" }, "display-gray-scale-4": { "key": "{display.gray.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.gray.scale.4}" }, "name": "display-gray-scale-4", "attributes": {}, "path": ["display", "gray", "scale", "4"], "value": "#576270", "type": "color" }, "display-gray-scale-5": { "key": "{display.gray.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.gray.scale.5}" }, "name": "display-gray-scale-5", "attributes": {}, "path": ["display", "gray", "scale", "5"], "value": "#6e7f96", "type": "color" }, "display-gray-scale-6": { "key": "{display.gray.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.gray.scale.6}" }, "name": "display-gray-scale-6", "attributes": {}, "path": ["display", "gray", "scale", "6"], "value": "#92a1b5", "type": "color" }, "display-gray-scale-7": { "key": "{display.gray.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.gray.scale.7}" }, "name": "display-gray-scale-7", "attributes": {}, "path": ["display", "gray", "scale", "7"], "value": "#9babbf", "type": "color" }, "display-gray-scale-8": { "key": "{display.gray.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.gray.scale.8}" }, "name": "display-gray-scale-8", "attributes": {}, "path": ["display", "gray", "scale", "8"], "value": "#b3c0d1", "type": "color" }, "display-gray-scale-9": { "key": "{display.gray.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.gray.scale.9}" }, "name": "display-gray-scale-9", "attributes": {}, "path": ["display", "gray", "scale", "9"], "value": "#c4cfde", "type": "color" }, "display-green-bgColor-emphasis": { "key": "{display.green.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2f6f37", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#46c144", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#46c144", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#46c144", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#285830", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#285830", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#285830", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#285830", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.green.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.green.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.green.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.green.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.green.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.green.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.green.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.green.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.green.bgColor.emphasis}" }, "name": "display-green-bgColor-emphasis", "attributes": {}, "path": ["display", "green", "bgColor", "emphasis"], "value": "#2f6f37", "type": "color" }, "display-green-bgColor-muted": { "key": "{display.green.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#122117", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.green.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.green.bgColor.muted}" }, "name": "display-green-bgColor-muted", "attributes": {}, "path": ["display", "green", "bgColor", "muted"], "value": "#122117", "type": "color" }, "display-green-borderColor-emphasis": { "key": "{display.green.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#388f3f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.green.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.green.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.green.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.green.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.green.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.green.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.green.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.green.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.green.borderColor.emphasis}" }, "name": "display-green-borderColor-emphasis", "attributes": {}, "path": ["display", "green", "borderColor", "emphasis"], "value": "#388f3f", "type": "color" }, "display-green-borderColor-muted": { "key": "{display.green.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#182f1f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.green.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.green.borderColor.muted}" }, "name": "display-green-borderColor-muted", "attributes": {}, "path": ["display", "green", "borderColor", "muted"], "value": "#182f1f", "type": "color" }, "display-green-fgColor": { "key": "{display.green.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#41b445", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#75d36f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#75d36f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#75d36f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#75d36f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#75d36f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#75d36f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#75d36f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.green.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.green.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.green.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.green.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.green.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.green.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.green.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.green.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.green.fgColor}" }, "name": "display-green-fgColor", "attributes": {}, "path": ["display", "green", "fgColor"], "value": "#41b445", "type": "color" }, "display-green-scale-0": { "key": "{display.green.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.green.scale.0}" }, "name": "display-green-scale-0", "attributes": {}, "path": ["display", "green", "scale", "0"], "value": "#122117", "type": "color" }, "display-green-scale-1": { "key": "{display.green.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.green.scale.1}" }, "name": "display-green-scale-1", "attributes": {}, "path": ["display", "green", "scale", "1"], "value": "#182f1f", "type": "color" }, "display-green-scale-2": { "key": "{display.green.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.green.scale.2}" }, "name": "display-green-scale-2", "attributes": {}, "path": ["display", "green", "scale", "2"], "value": "#214529", "type": "color" }, "display-green-scale-3": { "key": "{display.green.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.green.scale.3}" }, "name": "display-green-scale-3", "attributes": {}, "path": ["display", "green", "scale", "3"], "value": "#285830", "type": "color" }, "display-green-scale-4": { "key": "{display.green.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.green.scale.4}" }, "name": "display-green-scale-4", "attributes": {}, "path": ["display", "green", "scale", "4"], "value": "#2f6f37", "type": "color" }, "display-green-scale-5": { "key": "{display.green.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.green.scale.5}" }, "name": "display-green-scale-5", "attributes": {}, "path": ["display", "green", "scale", "5"], "value": "#388f3f", "type": "color" }, "display-green-scale-6": { "key": "{display.green.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.green.scale.6}" }, "name": "display-green-scale-6", "attributes": {}, "path": ["display", "green", "scale", "6"], "value": "#41b445", "type": "color" }, "display-green-scale-7": { "key": "{display.green.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.green.scale.7}" }, "name": "display-green-scale-7", "attributes": {}, "path": ["display", "green", "scale", "7"], "value": "#46c144", "type": "color" }, "display-green-scale-8": { "key": "{display.green.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.green.scale.8}" }, "name": "display-green-scale-8", "attributes": {}, "path": ["display", "green", "scale", "8"], "value": "#75d36f", "type": "color" }, "display-green-scale-9": { "key": "{display.green.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.green.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.green.scale.9}" }, "name": "display-green-scale-9", "attributes": {}, "path": ["display", "green", "scale", "9"], "value": "#99e090", "type": "color" }, "display-indigo-bgColor-emphasis": { "key": "{display.indigo.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#514ed4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#a2a5f1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#a2a5f1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#a2a5f1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#3935c0", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#3935c0", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#3935c0", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#3935c0", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.indigo.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.indigo.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.indigo.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.indigo.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.indigo.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.indigo.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.indigo.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.indigo.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.indigo.bgColor.emphasis}" }, "name": "display-indigo-bgColor-emphasis", "attributes": {}, "path": ["display", "indigo", "bgColor", "emphasis"], "value": "#514ed4", "type": "color" }, "display-indigo-bgColor-muted": { "key": "{display.indigo.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1b183f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.indigo.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.indigo.bgColor.muted}" }, "name": "display-indigo-bgColor-muted", "attributes": {}, "path": ["display", "indigo", "bgColor", "muted"], "value": "#1b183f", "type": "color" }, "display-indigo-borderColor-emphasis": { "key": "{display.indigo.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#7070e1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.indigo.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.indigo.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.indigo.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.indigo.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.indigo.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.indigo.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.indigo.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.indigo.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.indigo.borderColor.emphasis}" }, "name": "display-indigo-borderColor-emphasis", "attributes": {}, "path": ["display", "indigo", "borderColor", "emphasis"], "value": "#7070e1", "type": "color" }, "display-indigo-borderColor-muted": { "key": "{display.indigo.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#25215f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.indigo.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.indigo.borderColor.muted}" }, "name": "display-indigo-borderColor-muted", "attributes": {}, "path": ["display", "indigo", "borderColor", "muted"], "value": "#25215f", "type": "color" }, "display-indigo-fgColor": { "key": "{display.indigo.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#9899ec", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#b7baf6", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#b7baf6", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#b7baf6", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#b7baf6", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#b7baf6", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#b7baf6", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#b7baf6", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.indigo.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.indigo.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.indigo.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.indigo.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.indigo.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.indigo.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.indigo.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.indigo.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.indigo.fgColor}" }, "name": "display-indigo-fgColor", "attributes": {}, "path": ["display", "indigo", "fgColor"], "value": "#9899ec", "type": "color" }, "display-indigo-scale-0": { "key": "{display.indigo.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.indigo.scale.0}" }, "name": "display-indigo-scale-0", "attributes": {}, "path": ["display", "indigo", "scale", "0"], "value": "#1b183f", "type": "color" }, "display-indigo-scale-1": { "key": "{display.indigo.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.indigo.scale.1}" }, "name": "display-indigo-scale-1", "attributes": {}, "path": ["display", "indigo", "scale", "1"], "value": "#25215f", "type": "color" }, "display-indigo-scale-2": { "key": "{display.indigo.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.indigo.scale.2}" }, "name": "display-indigo-scale-2", "attributes": {}, "path": ["display", "indigo", "scale", "2"], "value": "#312c90", "type": "color" }, "display-indigo-scale-3": { "key": "{display.indigo.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.indigo.scale.3}" }, "name": "display-indigo-scale-3", "attributes": {}, "path": ["display", "indigo", "scale", "3"], "value": "#3935c0", "type": "color" }, "display-indigo-scale-4": { "key": "{display.indigo.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.indigo.scale.4}" }, "name": "display-indigo-scale-4", "attributes": {}, "path": ["display", "indigo", "scale", "4"], "value": "#514ed4", "type": "color" }, "display-indigo-scale-5": { "key": "{display.indigo.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.indigo.scale.5}" }, "name": "display-indigo-scale-5", "attributes": {}, "path": ["display", "indigo", "scale", "5"], "value": "#7070e1", "type": "color" }, "display-indigo-scale-6": { "key": "{display.indigo.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.indigo.scale.6}" }, "name": "display-indigo-scale-6", "attributes": {}, "path": ["display", "indigo", "scale", "6"], "value": "#9899ec", "type": "color" }, "display-indigo-scale-7": { "key": "{display.indigo.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.indigo.scale.7}" }, "name": "display-indigo-scale-7", "attributes": {}, "path": ["display", "indigo", "scale", "7"], "value": "#a2a5f1", "type": "color" }, "display-indigo-scale-8": { "key": "{display.indigo.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.indigo.scale.8}" }, "name": "display-indigo-scale-8", "attributes": {}, "path": ["display", "indigo", "scale", "8"], "value": "#b7baf6", "type": "color" }, "display-indigo-scale-9": { "key": "{display.indigo.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.indigo.scale.9}" }, "name": "display-indigo-scale-9", "attributes": {}, "path": ["display", "indigo", "scale", "9"], "value": "#c8cbf9", "type": "color" }, "display-lemon-bgColor-emphasis": { "key": "{display.lemon.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#786008", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#c4a717", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#c4a717", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#c4a717", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#614c05", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#614c05", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#614c05", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#614c05", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lemon.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.lemon.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lemon.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.lemon.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.lemon.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.lemon.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lemon.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.lemon.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.lemon.bgColor.emphasis}" }, "name": "display-lemon-bgColor-emphasis", "attributes": {}, "path": ["display", "lemon", "bgColor", "emphasis"], "value": "#786008", "type": "color" }, "display-lemon-bgColor-muted": { "key": "{display.lemon.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#291d00", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lemon.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.lemon.bgColor.muted}" }, "name": "display-lemon-bgColor-muted", "attributes": {}, "path": ["display", "lemon", "bgColor", "muted"], "value": "#291d00", "type": "color" }, "display-lemon-borderColor-emphasis": { "key": "{display.lemon.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#977b0c", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lemon.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.lemon.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lemon.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.lemon.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.lemon.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.lemon.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lemon.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.lemon.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.lemon.borderColor.emphasis}" }, "name": "display-lemon-borderColor-emphasis", "attributes": {}, "path": ["display", "lemon", "borderColor", "emphasis"], "value": "#977b0c", "type": "color" }, "display-lemon-borderColor-muted": { "key": "{display.lemon.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#372901", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lemon.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.lemon.borderColor.muted}" }, "name": "display-lemon-borderColor-muted", "attributes": {}, "path": ["display", "lemon", "borderColor", "muted"], "value": "#372901", "type": "color" }, "display-lemon-fgColor": { "key": "{display.lemon.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ba9b12", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#d7bc1d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#d7bc1d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#d7bc1d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#d7bc1d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#d7bc1d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#d7bc1d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#d7bc1d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lemon.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.lemon.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lemon.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.lemon.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.lemon.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.lemon.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lemon.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.lemon.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.lemon.fgColor}" }, "name": "display-lemon-fgColor", "attributes": {}, "path": ["display", "lemon", "fgColor"], "value": "#ba9b12", "type": "color" }, "display-lemon-scale-0": { "key": "{display.lemon.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lemon.scale.0}" }, "name": "display-lemon-scale-0", "attributes": {}, "path": ["display", "lemon", "scale", "0"], "value": "#291d00", "type": "color" }, "display-lemon-scale-1": { "key": "{display.lemon.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lemon.scale.1}" }, "name": "display-lemon-scale-1", "attributes": {}, "path": ["display", "lemon", "scale", "1"], "value": "#372901", "type": "color" }, "display-lemon-scale-2": { "key": "{display.lemon.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lemon.scale.2}" }, "name": "display-lemon-scale-2", "attributes": {}, "path": ["display", "lemon", "scale", "2"], "value": "#4f3c02", "type": "color" }, "display-lemon-scale-3": { "key": "{display.lemon.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lemon.scale.3}" }, "name": "display-lemon-scale-3", "attributes": {}, "path": ["display", "lemon", "scale", "3"], "value": "#614c05", "type": "color" }, "display-lemon-scale-4": { "key": "{display.lemon.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lemon.scale.4}" }, "name": "display-lemon-scale-4", "attributes": {}, "path": ["display", "lemon", "scale", "4"], "value": "#786008", "type": "color" }, "display-lemon-scale-5": { "key": "{display.lemon.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lemon.scale.5}" }, "name": "display-lemon-scale-5", "attributes": {}, "path": ["display", "lemon", "scale", "5"], "value": "#977b0c", "type": "color" }, "display-lemon-scale-6": { "key": "{display.lemon.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lemon.scale.6}" }, "name": "display-lemon-scale-6", "attributes": {}, "path": ["display", "lemon", "scale", "6"], "value": "#ba9b12", "type": "color" }, "display-lemon-scale-7": { "key": "{display.lemon.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lemon.scale.7}" }, "name": "display-lemon-scale-7", "attributes": {}, "path": ["display", "lemon", "scale", "7"], "value": "#c4a717", "type": "color" }, "display-lemon-scale-8": { "key": "{display.lemon.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lemon.scale.8}" }, "name": "display-lemon-scale-8", "attributes": {}, "path": ["display", "lemon", "scale", "8"], "value": "#d7bc1d", "type": "color" }, "display-lemon-scale-9": { "key": "{display.lemon.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lemon.scale.9}" }, "name": "display-lemon-scale-9", "attributes": {}, "path": ["display", "lemon", "scale", "9"], "value": "#e3d04f", "type": "color" }, "display-lime-bgColor-emphasis": { "key": "{display.lime.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#496c28", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#89ba36", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#89ba36", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#89ba36", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#375421", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#375421", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#375421", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#375421", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lime.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.lime.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lime.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.lime.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.lime.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.lime.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lime.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.lime.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.lime.bgColor.emphasis}" }, "name": "display-lime-bgColor-emphasis", "attributes": {}, "path": ["display", "lime", "bgColor", "emphasis"], "value": "#496c28", "type": "color" }, "display-lime-bgColor-muted": { "key": "{display.lime.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#141f0f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lime.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.lime.bgColor.muted}" }, "name": "display-lime-bgColor-muted", "attributes": {}, "path": ["display", "lime", "bgColor", "muted"], "value": "#141f0f", "type": "color" }, "display-lime-borderColor-emphasis": { "key": "{display.lime.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#5f892f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lime.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.lime.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lime.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.lime.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.lime.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.lime.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lime.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.lime.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.lime.borderColor.emphasis}" }, "name": "display-lime-borderColor-emphasis", "attributes": {}, "path": ["display", "lime", "borderColor", "emphasis"], "value": "#5f892f", "type": "color" }, "display-lime-borderColor-muted": { "key": "{display.lime.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#1f3116", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lime.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.lime.borderColor.muted}" }, "name": "display-lime-borderColor-muted", "attributes": {}, "path": ["display", "lime", "borderColor", "muted"], "value": "#1f3116", "type": "color" }, "display-lime-fgColor": { "key": "{display.lime.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#7dae37", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#9fcc3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#9fcc3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#9fcc3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#9fcc3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#9fcc3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#9fcc3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#9fcc3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lime.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.lime.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lime.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.lime.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.lime.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.lime.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.lime.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.lime.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.lime.fgColor}" }, "name": "display-lime-fgColor", "attributes": {}, "path": ["display", "lime", "fgColor"], "value": "#7dae37", "type": "color" }, "display-lime-scale-0": { "key": "{display.lime.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lime.scale.0}" }, "name": "display-lime-scale-0", "attributes": {}, "path": ["display", "lime", "scale", "0"], "value": "#141f0f", "type": "color" }, "display-lime-scale-1": { "key": "{display.lime.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lime.scale.1}" }, "name": "display-lime-scale-1", "attributes": {}, "path": ["display", "lime", "scale", "1"], "value": "#1f3116", "type": "color" }, "display-lime-scale-2": { "key": "{display.lime.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lime.scale.2}" }, "name": "display-lime-scale-2", "attributes": {}, "path": ["display", "lime", "scale", "2"], "value": "#2c441d", "type": "color" }, "display-lime-scale-3": { "key": "{display.lime.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lime.scale.3}" }, "name": "display-lime-scale-3", "attributes": {}, "path": ["display", "lime", "scale", "3"], "value": "#375421", "type": "color" }, "display-lime-scale-4": { "key": "{display.lime.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lime.scale.4}" }, "name": "display-lime-scale-4", "attributes": {}, "path": ["display", "lime", "scale", "4"], "value": "#496c28", "type": "color" }, "display-lime-scale-5": { "key": "{display.lime.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lime.scale.5}" }, "name": "display-lime-scale-5", "attributes": {}, "path": ["display", "lime", "scale", "5"], "value": "#5f892f", "type": "color" }, "display-lime-scale-6": { "key": "{display.lime.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lime.scale.6}" }, "name": "display-lime-scale-6", "attributes": {}, "path": ["display", "lime", "scale", "6"], "value": "#7dae37", "type": "color" }, "display-lime-scale-7": { "key": "{display.lime.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lime.scale.7}" }, "name": "display-lime-scale-7", "attributes": {}, "path": ["display", "lime", "scale", "7"], "value": "#89ba36", "type": "color" }, "display-lime-scale-8": { "key": "{display.lime.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lime.scale.8}" }, "name": "display-lime-scale-8", "attributes": {}, "path": ["display", "lime", "scale", "8"], "value": "#9fcc3e", "type": "color" }, "display-lime-scale-9": { "key": "{display.lime.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.lime.scale.9}" }, "name": "display-lime-scale-9", "attributes": {}, "path": ["display", "lime", "scale", "9"], "value": "#bcda67", "type": "color" }, "display-olive-bgColor-emphasis": { "key": "{display.olive.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#5e681d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#b2af24", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#b2af24", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#b2af24", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#485219", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#485219", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#485219", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#485219", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.olive.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.olive.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.olive.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.olive.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.olive.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.olive.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.olive.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.olive.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.olive.bgColor.emphasis}" }, "name": "display-olive-bgColor-emphasis", "attributes": {}, "path": ["display", "olive", "bgColor", "emphasis"], "value": "#5e681d", "type": "color" }, "display-olive-bgColor-muted": { "key": "{display.olive.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#171e0b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.olive.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.olive.bgColor.muted}" }, "name": "display-olive-bgColor-muted", "attributes": {}, "path": ["display", "olive", "bgColor", "muted"], "value": "#171e0b", "type": "color" }, "display-olive-borderColor-emphasis": { "key": "{display.olive.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#7a8321", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.olive.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.olive.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.olive.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.olive.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.olive.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.olive.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.olive.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.olive.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.olive.borderColor.emphasis}" }, "name": "display-olive-borderColor-emphasis", "attributes": {}, "path": ["display", "olive", "borderColor", "emphasis"], "value": "#7a8321", "type": "color" }, "display-olive-borderColor-muted": { "key": "{display.olive.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#252d10", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.olive.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.olive.borderColor.muted}" }, "name": "display-olive-borderColor-muted", "attributes": {}, "path": ["display", "olive", "borderColor", "muted"], "value": "#252d10", "type": "color" }, "display-olive-fgColor": { "key": "{display.olive.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#a2a626", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#cbc025", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#cbc025", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#cbc025", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#cbc025", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#cbc025", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#cbc025", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#cbc025", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.olive.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.olive.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.olive.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.olive.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.olive.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.olive.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.olive.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.olive.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.olive.fgColor}" }, "name": "display-olive-fgColor", "attributes": {}, "path": ["display", "olive", "fgColor"], "value": "#a2a626", "type": "color" }, "display-olive-scale-0": { "key": "{display.olive.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.olive.scale.0}" }, "name": "display-olive-scale-0", "attributes": {}, "path": ["display", "olive", "scale", "0"], "value": "#171e0b", "type": "color" }, "display-olive-scale-1": { "key": "{display.olive.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.olive.scale.1}" }, "name": "display-olive-scale-1", "attributes": {}, "path": ["display", "olive", "scale", "1"], "value": "#252d10", "type": "color" }, "display-olive-scale-2": { "key": "{display.olive.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.olive.scale.2}" }, "name": "display-olive-scale-2", "attributes": {}, "path": ["display", "olive", "scale", "2"], "value": "#374115", "type": "color" }, "display-olive-scale-3": { "key": "{display.olive.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.olive.scale.3}" }, "name": "display-olive-scale-3", "attributes": {}, "path": ["display", "olive", "scale", "3"], "value": "#485219", "type": "color" }, "display-olive-scale-4": { "key": "{display.olive.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.olive.scale.4}" }, "name": "display-olive-scale-4", "attributes": {}, "path": ["display", "olive", "scale", "4"], "value": "#5e681d", "type": "color" }, "display-olive-scale-5": { "key": "{display.olive.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.olive.scale.5}" }, "name": "display-olive-scale-5", "attributes": {}, "path": ["display", "olive", "scale", "5"], "value": "#7a8321", "type": "color" }, "display-olive-scale-6": { "key": "{display.olive.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.olive.scale.6}" }, "name": "display-olive-scale-6", "attributes": {}, "path": ["display", "olive", "scale", "6"], "value": "#a2a626", "type": "color" }, "display-olive-scale-7": { "key": "{display.olive.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.olive.scale.7}" }, "name": "display-olive-scale-7", "attributes": {}, "path": ["display", "olive", "scale", "7"], "value": "#b2af24", "type": "color" }, "display-olive-scale-8": { "key": "{display.olive.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.olive.scale.8}" }, "name": "display-olive-scale-8", "attributes": {}, "path": ["display", "olive", "scale", "8"], "value": "#cbc025", "type": "color" }, "display-olive-scale-9": { "key": "{display.olive.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.olive.scale.9}" }, "name": "display-olive-scale-9", "attributes": {}, "path": ["display", "olive", "scale", "9"], "value": "#e2d04b", "type": "color" }, "display-orange-bgColor-emphasis": { "key": "{display.orange.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#984b10", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#f1933b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f1933b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#f1933b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#7b3c0e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#7b3c0e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#7b3c0e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#7b3c0e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.orange.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.orange.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.orange.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.orange.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.orange.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.orange.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.orange.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.orange.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.orange.bgColor.emphasis}" }, "name": "display-orange-bgColor-emphasis", "attributes": {}, "path": ["display", "orange", "bgColor", "emphasis"], "value": "#984b10", "type": "color" }, "display-orange-bgColor-muted": { "key": "{display.orange.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#311708", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.orange.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.orange.bgColor.muted}" }, "name": "display-orange-bgColor-muted", "attributes": {}, "path": ["display", "orange", "bgColor", "muted"], "value": "#311708", "type": "color" }, "display-orange-borderColor-emphasis": { "key": "{display.orange.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#c46212", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.orange.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.orange.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.orange.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.orange.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.orange.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.orange.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.orange.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.orange.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.orange.borderColor.emphasis}" }, "name": "display-orange-borderColor-emphasis", "attributes": {}, "path": ["display", "orange", "borderColor", "emphasis"], "value": "#c46212", "type": "color" }, "display-orange-borderColor-muted": { "key": "{display.orange.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#43200a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.orange.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.orange.borderColor.muted}" }, "name": "display-orange-borderColor-muted", "attributes": {}, "path": ["display", "orange", "borderColor", "muted"], "value": "#43200a", "type": "color" }, "display-orange-fgColor": { "key": "{display.orange.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ed8326", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#f6b06a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f6b06a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#f6b06a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#f6b06a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#f6b06a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#f6b06a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f6b06a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.orange.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.orange.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.orange.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.orange.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.orange.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.orange.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.orange.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.orange.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.orange.fgColor}" }, "name": "display-orange-fgColor", "attributes": {}, "path": ["display", "orange", "fgColor"], "value": "#ed8326", "type": "color" }, "display-orange-scale-0": { "key": "{display.orange.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.orange.scale.0}" }, "name": "display-orange-scale-0", "attributes": {}, "path": ["display", "orange", "scale", "0"], "value": "#311708", "type": "color" }, "display-orange-scale-1": { "key": "{display.orange.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.orange.scale.1}" }, "name": "display-orange-scale-1", "attributes": {}, "path": ["display", "orange", "scale", "1"], "value": "#43200a", "type": "color" }, "display-orange-scale-2": { "key": "{display.orange.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.orange.scale.2}" }, "name": "display-orange-scale-2", "attributes": {}, "path": ["display", "orange", "scale", "2"], "value": "#632f0d", "type": "color" }, "display-orange-scale-3": { "key": "{display.orange.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.orange.scale.3}" }, "name": "display-orange-scale-3", "attributes": {}, "path": ["display", "orange", "scale", "3"], "value": "#7b3c0e", "type": "color" }, "display-orange-scale-4": { "key": "{display.orange.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.orange.scale.4}" }, "name": "display-orange-scale-4", "attributes": {}, "path": ["display", "orange", "scale", "4"], "value": "#984b10", "type": "color" }, "display-orange-scale-5": { "key": "{display.orange.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.orange.scale.5}" }, "name": "display-orange-scale-5", "attributes": {}, "path": ["display", "orange", "scale", "5"], "value": "#c46212", "type": "color" }, "display-orange-scale-6": { "key": "{display.orange.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.orange.scale.6}" }, "name": "display-orange-scale-6", "attributes": {}, "path": ["display", "orange", "scale", "6"], "value": "#ed8326", "type": "color" }, "display-orange-scale-7": { "key": "{display.orange.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.orange.scale.7}" }, "name": "display-orange-scale-7", "attributes": {}, "path": ["display", "orange", "scale", "7"], "value": "#f1933b", "type": "color" }, "display-orange-scale-8": { "key": "{display.orange.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.orange.scale.8}" }, "name": "display-orange-scale-8", "attributes": {}, "path": ["display", "orange", "scale", "8"], "value": "#f6b06a", "type": "color" }, "display-orange-scale-9": { "key": "{display.orange.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.orange.scale.9}" }, "name": "display-orange-scale-9", "attributes": {}, "path": ["display", "orange", "scale", "9"], "value": "#fac68f", "type": "color" }, "display-pine-bgColor-emphasis": { "key": "{display.pine.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#14714c", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#1ac176", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#1ac176", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#1ac176", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#115a3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#115a3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#115a3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#115a3e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pine.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.pine.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pine.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.pine.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.pine.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.pine.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pine.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.pine.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.pine.bgColor.emphasis}" }, "name": "display-pine-bgColor-emphasis", "attributes": {}, "path": ["display", "pine", "bgColor", "emphasis"], "value": "#14714c", "type": "color" }, "display-pine-bgColor-muted": { "key": "{display.pine.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#082119", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pine.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.pine.bgColor.muted}" }, "name": "display-pine-bgColor-muted", "attributes": {}, "path": ["display", "pine", "bgColor", "muted"], "value": "#082119", "type": "color" }, "display-pine-borderColor-emphasis": { "key": "{display.pine.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#18915e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pine.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.pine.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pine.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.pine.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.pine.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.pine.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pine.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.pine.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.pine.borderColor.emphasis}" }, "name": "display-pine-borderColor-emphasis", "attributes": {}, "path": ["display", "pine", "borderColor", "emphasis"], "value": "#18915e", "type": "color" }, "display-pine-borderColor-muted": { "key": "{display.pine.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#0b3224", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pine.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.pine.borderColor.muted}" }, "name": "display-pine-borderColor-muted", "attributes": {}, "path": ["display", "pine", "borderColor", "muted"], "value": "#0b3224", "type": "color" }, "display-pine-fgColor": { "key": "{display.pine.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1bb673", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#1bda81", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#1bda81", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#1bda81", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#1bda81", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#1bda81", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#1bda81", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#1bda81", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pine.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.pine.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pine.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.pine.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.pine.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.pine.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pine.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.pine.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.pine.fgColor}" }, "name": "display-pine-fgColor", "attributes": {}, "path": ["display", "pine", "fgColor"], "value": "#1bb673", "type": "color" }, "display-pine-scale-0": { "key": "{display.pine.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pine.scale.0}" }, "name": "display-pine-scale-0", "attributes": {}, "path": ["display", "pine", "scale", "0"], "value": "#082119", "type": "color" }, "display-pine-scale-1": { "key": "{display.pine.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pine.scale.1}" }, "name": "display-pine-scale-1", "attributes": {}, "path": ["display", "pine", "scale", "1"], "value": "#0b3224", "type": "color" }, "display-pine-scale-2": { "key": "{display.pine.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pine.scale.2}" }, "name": "display-pine-scale-2", "attributes": {}, "path": ["display", "pine", "scale", "2"], "value": "#0e4430", "type": "color" }, "display-pine-scale-3": { "key": "{display.pine.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pine.scale.3}" }, "name": "display-pine-scale-3", "attributes": {}, "path": ["display", "pine", "scale", "3"], "value": "#115a3e", "type": "color" }, "display-pine-scale-4": { "key": "{display.pine.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pine.scale.4}" }, "name": "display-pine-scale-4", "attributes": {}, "path": ["display", "pine", "scale", "4"], "value": "#14714c", "type": "color" }, "display-pine-scale-5": { "key": "{display.pine.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pine.scale.5}" }, "name": "display-pine-scale-5", "attributes": {}, "path": ["display", "pine", "scale", "5"], "value": "#18915e", "type": "color" }, "display-pine-scale-6": { "key": "{display.pine.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pine.scale.6}" }, "name": "display-pine-scale-6", "attributes": {}, "path": ["display", "pine", "scale", "6"], "value": "#1bb673", "type": "color" }, "display-pine-scale-7": { "key": "{display.pine.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pine.scale.7}" }, "name": "display-pine-scale-7", "attributes": {}, "path": ["display", "pine", "scale", "7"], "value": "#1ac176", "type": "color" }, "display-pine-scale-8": { "key": "{display.pine.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pine.scale.8}" }, "name": "display-pine-scale-8", "attributes": {}, "path": ["display", "pine", "scale", "8"], "value": "#1bda81", "type": "color" }, "display-pine-scale-9": { "key": "{display.pine.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pine.scale.9}" }, "name": "display-pine-scale-9", "attributes": {}, "path": ["display", "pine", "scale", "9"], "value": "#3eea97", "type": "color" }, "display-pink-bgColor-emphasis": { "key": "{display.pink.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ac2f74", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#ec8dbd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#ec8dbd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#ec8dbd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#842a5d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#842a5d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#842a5d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#842a5d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pink.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.pink.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pink.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.pink.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.pink.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.pink.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pink.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.pink.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.pink.bgColor.emphasis}" }, "name": "display-pink-bgColor-emphasis", "attributes": {}, "path": ["display", "pink", "bgColor", "emphasis"], "value": "#ac2f74", "type": "color" }, "display-pink-bgColor-muted": { "key": "{display.pink.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2d1524", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pink.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.pink.bgColor.muted}" }, "name": "display-pink-bgColor-muted", "attributes": {}, "path": ["display", "pink", "bgColor", "muted"], "value": "#2d1524", "type": "color" }, "display-pink-borderColor-emphasis": { "key": "{display.pink.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#d34591", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pink.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.pink.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pink.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.pink.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.pink.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.pink.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pink.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.pink.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.pink.borderColor.emphasis}" }, "name": "display-pink-borderColor-emphasis", "attributes": {}, "path": ["display", "pink", "borderColor", "emphasis"], "value": "#d34591", "type": "color" }, "display-pink-borderColor-muted": { "key": "{display.pink.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#451c35", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pink.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.pink.borderColor.muted}" }, "name": "display-pink-borderColor-muted", "attributes": {}, "path": ["display", "pink", "borderColor", "muted"], "value": "#451c35", "type": "color" }, "display-pink-fgColor": { "key": "{display.pink.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#e57bb2", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#f4a9cd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f4a9cd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#f4a9cd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#f4a9cd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#f4a9cd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#f4a9cd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f4a9cd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pink.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.pink.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pink.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.pink.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.pink.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.pink.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.pink.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.pink.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.pink.fgColor}" }, "name": "display-pink-fgColor", "attributes": {}, "path": ["display", "pink", "fgColor"], "value": "#e57bb2", "type": "color" }, "display-pink-scale-0": { "key": "{display.pink.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pink.scale.0}" }, "name": "display-pink-scale-0", "attributes": {}, "path": ["display", "pink", "scale", "0"], "value": "#2d1524", "type": "color" }, "display-pink-scale-1": { "key": "{display.pink.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pink.scale.1}" }, "name": "display-pink-scale-1", "attributes": {}, "path": ["display", "pink", "scale", "1"], "value": "#451c35", "type": "color" }, "display-pink-scale-2": { "key": "{display.pink.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pink.scale.2}" }, "name": "display-pink-scale-2", "attributes": {}, "path": ["display", "pink", "scale", "2"], "value": "#65244a", "type": "color" }, "display-pink-scale-3": { "key": "{display.pink.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pink.scale.3}" }, "name": "display-pink-scale-3", "attributes": {}, "path": ["display", "pink", "scale", "3"], "value": "#842a5d", "type": "color" }, "display-pink-scale-4": { "key": "{display.pink.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pink.scale.4}" }, "name": "display-pink-scale-4", "attributes": {}, "path": ["display", "pink", "scale", "4"], "value": "#ac2f74", "type": "color" }, "display-pink-scale-5": { "key": "{display.pink.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pink.scale.5}" }, "name": "display-pink-scale-5", "attributes": {}, "path": ["display", "pink", "scale", "5"], "value": "#d34591", "type": "color" }, "display-pink-scale-6": { "key": "{display.pink.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pink.scale.6}" }, "name": "display-pink-scale-6", "attributes": {}, "path": ["display", "pink", "scale", "6"], "value": "#e57bb2", "type": "color" }, "display-pink-scale-7": { "key": "{display.pink.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pink.scale.7}" }, "name": "display-pink-scale-7", "attributes": {}, "path": ["display", "pink", "scale", "7"], "value": "#ec8dbd", "type": "color" }, "display-pink-scale-8": { "key": "{display.pink.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pink.scale.8}" }, "name": "display-pink-scale-8", "attributes": {}, "path": ["display", "pink", "scale", "8"], "value": "#f4a9cd", "type": "color" }, "display-pink-scale-9": { "key": "{display.pink.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.pink.scale.9}" }, "name": "display-pink-scale-9", "attributes": {}, "path": ["display", "pink", "scale", "9"], "value": "#f9bed9", "type": "color" }, "display-plum-bgColor-emphasis": { "key": "{display.plum.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#9518d8", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#d889fa", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#d889fa", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#d889fa", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#7517ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#7517ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#7517ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#7517ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.plum.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.plum.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.plum.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.plum.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.plum.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.plum.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.plum.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.plum.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.plum.bgColor.emphasis}" }, "name": "display-plum-bgColor-emphasis", "attributes": {}, "path": ["display", "plum", "bgColor", "emphasis"], "value": "#9518d8", "type": "color" }, "display-plum-bgColor-muted": { "key": "{display.plum.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2a0e3f", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.plum.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.plum.bgColor.muted}" }, "name": "display-plum-bgColor-muted", "attributes": {}, "path": ["display", "plum", "bgColor", "muted"], "value": "#2a0e3f", "type": "color" }, "display-plum-borderColor-emphasis": { "key": "{display.plum.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#b643ef", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.plum.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.plum.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.plum.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.plum.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.plum.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.plum.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.plum.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.plum.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.plum.borderColor.emphasis}" }, "name": "display-plum-borderColor-emphasis", "attributes": {}, "path": ["display", "plum", "borderColor", "emphasis"], "value": "#b643ef", "type": "color" }, "display-plum-borderColor-muted": { "key": "{display.plum.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#40125e", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.plum.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.plum.borderColor.muted}" }, "name": "display-plum-borderColor-muted", "attributes": {}, "path": ["display", "plum", "borderColor", "muted"], "value": "#40125e", "type": "color" }, "display-plum-fgColor": { "key": "{display.plum.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#d07ef7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#e4a5fd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#e4a5fd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#e4a5fd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#e4a5fd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#e4a5fd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#e4a5fd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#e4a5fd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.plum.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.plum.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.plum.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.plum.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.plum.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.plum.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.plum.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.plum.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.plum.fgColor}" }, "name": "display-plum-fgColor", "attributes": {}, "path": ["display", "plum", "fgColor"], "value": "#d07ef7", "type": "color" }, "display-plum-scale-0": { "key": "{display.plum.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.plum.scale.0}" }, "name": "display-plum-scale-0", "attributes": {}, "path": ["display", "plum", "scale", "0"], "value": "#2a0e3f", "type": "color" }, "display-plum-scale-1": { "key": "{display.plum.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.plum.scale.1}" }, "name": "display-plum-scale-1", "attributes": {}, "path": ["display", "plum", "scale", "1"], "value": "#40125e", "type": "color" }, "display-plum-scale-2": { "key": "{display.plum.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.plum.scale.2}" }, "name": "display-plum-scale-2", "attributes": {}, "path": ["display", "plum", "scale", "2"], "value": "#5c1688", "type": "color" }, "display-plum-scale-3": { "key": "{display.plum.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.plum.scale.3}" }, "name": "display-plum-scale-3", "attributes": {}, "path": ["display", "plum", "scale", "3"], "value": "#7517ab", "type": "color" }, "display-plum-scale-4": { "key": "{display.plum.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.plum.scale.4}" }, "name": "display-plum-scale-4", "attributes": {}, "path": ["display", "plum", "scale", "4"], "value": "#9518d8", "type": "color" }, "display-plum-scale-5": { "key": "{display.plum.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.plum.scale.5}" }, "name": "display-plum-scale-5", "attributes": {}, "path": ["display", "plum", "scale", "5"], "value": "#b643ef", "type": "color" }, "display-plum-scale-6": { "key": "{display.plum.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.plum.scale.6}" }, "name": "display-plum-scale-6", "attributes": {}, "path": ["display", "plum", "scale", "6"], "value": "#d07ef7", "type": "color" }, "display-plum-scale-7": { "key": "{display.plum.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.plum.scale.7}" }, "name": "display-plum-scale-7", "attributes": {}, "path": ["display", "plum", "scale", "7"], "value": "#d889fa", "type": "color" }, "display-plum-scale-8": { "key": "{display.plum.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.plum.scale.8}" }, "name": "display-plum-scale-8", "attributes": {}, "path": ["display", "plum", "scale", "8"], "value": "#e4a5fd", "type": "color" }, "display-plum-scale-9": { "key": "{display.plum.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.plum.scale.9}" }, "name": "display-plum-scale-9", "attributes": {}, "path": ["display", "plum", "scale", "9"], "value": "#edbdff", "type": "color" }, "display-purple-bgColor-emphasis": { "key": "{display.purple.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#7730e8", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#c398fb", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#c398fb", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#c398fb", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#5b1cca", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#5b1cca", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#5b1cca", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#5b1cca", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.purple.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.purple.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.purple.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.purple.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.purple.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.purple.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.purple.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.purple.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.purple.bgColor.emphasis}" }, "name": "display-purple-bgColor-emphasis", "attributes": {}, "path": ["display", "purple", "bgColor", "emphasis"], "value": "#7730e8", "type": "color" }, "display-purple-bgColor-muted": { "key": "{display.purple.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#211047", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.purple.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.purple.bgColor.muted}" }, "name": "display-purple-bgColor-muted", "attributes": {}, "path": ["display", "purple", "bgColor", "muted"], "value": "#211047", "type": "color" }, "display-purple-borderColor-emphasis": { "key": "{display.purple.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#975bf1", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.purple.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.purple.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.purple.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.purple.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.purple.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.purple.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.purple.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.purple.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.purple.borderColor.emphasis}" }, "name": "display-purple-borderColor-emphasis", "attributes": {}, "path": ["display", "purple", "borderColor", "emphasis"], "value": "#975bf1", "type": "color" }, "display-purple-borderColor-muted": { "key": "{display.purple.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#31146b", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.purple.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.purple.borderColor.muted}" }, "name": "display-purple-borderColor-muted", "attributes": {}, "path": ["display", "purple", "borderColor", "muted"], "value": "#31146b", "type": "color" }, "display-purple-fgColor": { "key": "{display.purple.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#b687f7", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#d2affd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#d2affd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#d2affd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#d2affd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#d2affd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#d2affd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#d2affd", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.purple.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.purple.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.purple.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.purple.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.purple.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.purple.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.purple.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.purple.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.purple.fgColor}" }, "name": "display-purple-fgColor", "attributes": {}, "path": ["display", "purple", "fgColor"], "value": "#b687f7", "type": "color" }, "display-purple-scale-0": { "key": "{display.purple.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.purple.scale.0}" }, "name": "display-purple-scale-0", "attributes": {}, "path": ["display", "purple", "scale", "0"], "value": "#211047", "type": "color" }, "display-purple-scale-1": { "key": "{display.purple.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.purple.scale.1}" }, "name": "display-purple-scale-1", "attributes": {}, "path": ["display", "purple", "scale", "1"], "value": "#31146b", "type": "color" }, "display-purple-scale-2": { "key": "{display.purple.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.purple.scale.2}" }, "name": "display-purple-scale-2", "attributes": {}, "path": ["display", "purple", "scale", "2"], "value": "#481a9e", "type": "color" }, "display-purple-scale-3": { "key": "{display.purple.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.purple.scale.3}" }, "name": "display-purple-scale-3", "attributes": {}, "path": ["display", "purple", "scale", "3"], "value": "#5b1cca", "type": "color" }, "display-purple-scale-4": { "key": "{display.purple.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.purple.scale.4}" }, "name": "display-purple-scale-4", "attributes": {}, "path": ["display", "purple", "scale", "4"], "value": "#7730e8", "type": "color" }, "display-purple-scale-5": { "key": "{display.purple.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.purple.scale.5}" }, "name": "display-purple-scale-5", "attributes": {}, "path": ["display", "purple", "scale", "5"], "value": "#975bf1", "type": "color" }, "display-purple-scale-6": { "key": "{display.purple.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.purple.scale.6}" }, "name": "display-purple-scale-6", "attributes": {}, "path": ["display", "purple", "scale", "6"], "value": "#b687f7", "type": "color" }, "display-purple-scale-7": { "key": "{display.purple.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.purple.scale.7}" }, "name": "display-purple-scale-7", "attributes": {}, "path": ["display", "purple", "scale", "7"], "value": "#c398fb", "type": "color" }, "display-purple-scale-8": { "key": "{display.purple.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.purple.scale.8}" }, "name": "display-purple-scale-8", "attributes": {}, "path": ["display", "purple", "scale", "8"], "value": "#d2affd", "type": "color" }, "display-purple-scale-9": { "key": "{display.purple.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.purple.scale.9}" }, "name": "display-purple-scale-9", "attributes": {}, "path": ["display", "purple", "scale", "9"], "value": "#e1c7ff", "type": "color" }, "display-red-bgColor-emphasis": { "key": "{display.red.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#c31328", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#f48b8d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f48b8d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#f48b8d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#990f24", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#990f24", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#990f24", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#990f24", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.red.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.red.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.red.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.red.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.red.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.red.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.red.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.red.bgColor.emphasis}" }, "name": "display-red-bgColor-emphasis", "attributes": {}, "path": ["display", "red", "bgColor", "emphasis"], "value": "#c31328", "type": "color" }, "display-red-bgColor-muted": { "key": "{display.red.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#3c0614", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.red.bgColor.muted}" }, "name": "display-red-bgColor-muted", "attributes": {}, "path": ["display", "red", "bgColor", "muted"], "value": "#3c0614", "type": "color" }, "display-red-borderColor-emphasis": { "key": "{display.red.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#eb3342", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.red.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.red.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.red.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.red.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.red.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.red.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.red.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.red.borderColor.emphasis}" }, "name": "display-red-borderColor-emphasis", "attributes": {}, "path": ["display", "red", "borderColor", "emphasis"], "value": "#eb3342", "type": "color" }, "display-red-borderColor-muted": { "key": "{display.red.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#58091a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.red.borderColor.muted}" }, "name": "display-red-borderColor-muted", "attributes": {}, "path": ["display", "red", "borderColor", "muted"], "value": "#58091a", "type": "color" }, "display-red-fgColor": { "key": "{display.red.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f27d83", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#f7adab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f7adab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#f7adab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#f7adab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#f7adab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#f7adab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f7adab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.red.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.red.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.red.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.red.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.red.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.red.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.red.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.red.fgColor}" }, "name": "display-red-fgColor", "attributes": {}, "path": ["display", "red", "fgColor"], "value": "#f27d83", "type": "color" }, "display-red-scale-0": { "key": "{display.red.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.red.scale.0}" }, "name": "display-red-scale-0", "attributes": {}, "path": ["display", "red", "scale", "0"], "value": "#3c0614", "type": "color" }, "display-red-scale-1": { "key": "{display.red.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.red.scale.1}" }, "name": "display-red-scale-1", "attributes": {}, "path": ["display", "red", "scale", "1"], "value": "#58091a", "type": "color" }, "display-red-scale-2": { "key": "{display.red.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.red.scale.2}" }, "name": "display-red-scale-2", "attributes": {}, "path": ["display", "red", "scale", "2"], "value": "#790c20", "type": "color" }, "display-red-scale-3": { "key": "{display.red.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.red.scale.3}" }, "name": "display-red-scale-3", "attributes": {}, "path": ["display", "red", "scale", "3"], "value": "#990f24", "type": "color" }, "display-red-scale-4": { "key": "{display.red.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.red.scale.4}" }, "name": "display-red-scale-4", "attributes": {}, "path": ["display", "red", "scale", "4"], "value": "#c31328", "type": "color" }, "display-red-scale-5": { "key": "{display.red.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.red.scale.5}" }, "name": "display-red-scale-5", "attributes": {}, "path": ["display", "red", "scale", "5"], "value": "#eb3342", "type": "color" }, "display-red-scale-6": { "key": "{display.red.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.red.scale.6}" }, "name": "display-red-scale-6", "attributes": {}, "path": ["display", "red", "scale", "6"], "value": "#f27d83", "type": "color" }, "display-red-scale-7": { "key": "{display.red.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.red.scale.7}" }, "name": "display-red-scale-7", "attributes": {}, "path": ["display", "red", "scale", "7"], "value": "#f48b8d", "type": "color" }, "display-red-scale-8": { "key": "{display.red.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.red.scale.8}" }, "name": "display-red-scale-8", "attributes": {}, "path": ["display", "red", "scale", "8"], "value": "#f7adab", "type": "color" }, "display-red-scale-9": { "key": "{display.red.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.red.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.red.scale.9}" }, "name": "display-red-scale-9", "attributes": {}, "path": ["display", "red", "scale", "9"], "value": "#f9c1be", "type": "color" }, "display-teal-bgColor-emphasis": { "key": "{display.teal.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#106c70", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#1fbdb2", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#1fbdb2", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#1fbdb2", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#0c555a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#0c555a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#0c555a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#0c555a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.teal.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.teal.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.teal.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.teal.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.teal.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.teal.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.teal.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.teal.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.teal.bgColor.emphasis}" }, "name": "display-teal-bgColor-emphasis", "attributes": {}, "path": ["display", "teal", "bgColor", "emphasis"], "value": "#106c70", "type": "color" }, "display-teal-bgColor-muted": { "key": "{display.teal.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#041f25", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.teal.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.teal.bgColor.muted}" }, "name": "display-teal-bgColor-muted", "attributes": {}, "path": ["display", "teal", "bgColor", "muted"], "value": "#041f25", "type": "color" }, "display-teal-borderColor-emphasis": { "key": "{display.teal.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#158a8a", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.teal.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.teal.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.teal.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.teal.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.teal.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.teal.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.teal.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.teal.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.teal.borderColor.emphasis}" }, "name": "display-teal-borderColor-emphasis", "attributes": {}, "path": ["display", "teal", "borderColor", "emphasis"], "value": "#158a8a", "type": "color" }, "display-teal-borderColor-muted": { "key": "{display.teal.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#073036", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.teal.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.teal.borderColor.muted}" }, "name": "display-teal-borderColor-muted", "attributes": {}, "path": ["display", "teal", "borderColor", "muted"], "value": "#073036", "type": "color" }, "display-teal-fgColor": { "key": "{display.teal.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1cb0ab", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#24d6c4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#24d6c4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#24d6c4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#24d6c4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#24d6c4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#24d6c4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#24d6c4", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.teal.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.teal.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.teal.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.teal.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.teal.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.teal.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.teal.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.teal.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.teal.fgColor}" }, "name": "display-teal-fgColor", "attributes": {}, "path": ["display", "teal", "fgColor"], "value": "#1cb0ab", "type": "color" }, "display-teal-scale-0": { "key": "{display.teal.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.teal.scale.0}" }, "name": "display-teal-scale-0", "attributes": {}, "path": ["display", "teal", "scale", "0"], "value": "#041f25", "type": "color" }, "display-teal-scale-1": { "key": "{display.teal.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.teal.scale.1}" }, "name": "display-teal-scale-1", "attributes": {}, "path": ["display", "teal", "scale", "1"], "value": "#073036", "type": "color" }, "display-teal-scale-2": { "key": "{display.teal.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.teal.scale.2}" }, "name": "display-teal-scale-2", "attributes": {}, "path": ["display", "teal", "scale", "2"], "value": "#0a464d", "type": "color" }, "display-teal-scale-3": { "key": "{display.teal.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.teal.scale.3}" }, "name": "display-teal-scale-3", "attributes": {}, "path": ["display", "teal", "scale", "3"], "value": "#0c555a", "type": "color" }, "display-teal-scale-4": { "key": "{display.teal.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.teal.scale.4}" }, "name": "display-teal-scale-4", "attributes": {}, "path": ["display", "teal", "scale", "4"], "value": "#106c70", "type": "color" }, "display-teal-scale-5": { "key": "{display.teal.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.teal.scale.5}" }, "name": "display-teal-scale-5", "attributes": {}, "path": ["display", "teal", "scale", "5"], "value": "#158a8a", "type": "color" }, "display-teal-scale-6": { "key": "{display.teal.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.teal.scale.6}" }, "name": "display-teal-scale-6", "attributes": {}, "path": ["display", "teal", "scale", "6"], "value": "#1cb0ab", "type": "color" }, "display-teal-scale-7": { "key": "{display.teal.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.teal.scale.7}" }, "name": "display-teal-scale-7", "attributes": {}, "path": ["display", "teal", "scale", "7"], "value": "#1fbdb2", "type": "color" }, "display-teal-scale-8": { "key": "{display.teal.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.teal.scale.8}" }, "name": "display-teal-scale-8", "attributes": {}, "path": ["display", "teal", "scale", "8"], "value": "#24d6c4", "type": "color" }, "display-teal-scale-9": { "key": "{display.teal.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.teal.scale.9}" }, "name": "display-teal-scale-9", "attributes": {}, "path": ["display", "teal", "scale", "9"], "value": "#5fe3d1", "type": "color" }, "display-yellow-bgColor-emphasis": { "key": "{display.yellow.bgColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#895906", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#df9e11", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#df9e11", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#df9e11", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#6d4403", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#6d4403", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#6d4403", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#6d4403", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.yellow.4}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.yellow.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.yellow.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.yellow.7}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.yellow.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.yellow.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.yellow.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.yellow.3}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.yellow.bgColor.emphasis}" }, "name": "display-yellow-bgColor-emphasis", "attributes": {}, "path": ["display", "yellow", "bgColor", "emphasis"], "value": "#895906", "type": "color" }, "display-yellow-bgColor-muted": { "key": "{display.yellow.bgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2e1a00", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.yellow.0}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.yellow.bgColor.muted}" }, "name": "display-yellow-bgColor-muted", "attributes": {}, "path": ["display", "yellow", "bgColor", "muted"], "value": "#2e1a00", "type": "color" }, "display-yellow-borderColor-emphasis": { "key": "{display.yellow.borderColor.emphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#aa7109", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.yellow.5}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.yellow.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.yellow.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.yellow.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.yellow.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.yellow.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.yellow.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.yellow.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.yellow.borderColor.emphasis}" }, "name": "display-yellow-borderColor-emphasis", "attributes": {}, "path": ["display", "yellow", "borderColor", "emphasis"], "value": "#aa7109", "type": "color" }, "display-yellow-borderColor-muted": { "key": "{display.yellow.borderColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#3d2401", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.yellow.1}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.yellow.borderColor.muted}" }, "name": "display-yellow-borderColor-muted", "attributes": {}, "path": ["display", "yellow", "borderColor", "muted"], "value": "#3d2401", "type": "color" }, "display-yellow-fgColor": { "key": "{display.yellow.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#d3910d", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#edb431", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#edb431", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#edb431", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#edb431", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#edb431", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#edb431", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#edb431", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.yellow.6}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.display.color.yellow.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.yellow.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.display.color.yellow.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.display.color.yellow.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.display.color.yellow.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.display.color.yellow.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.display.color.yellow.8}", "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "$type": "color" } } }, "key": "{display.yellow.fgColor}" }, "name": "display-yellow-fgColor", "attributes": {}, "path": ["display", "yellow", "fgColor"], "value": "#d3910d", "type": "color" }, "display-yellow-scale-0": { "key": "{display.yellow.scale.0}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.yellow.scale.0}" }, "name": "display-yellow-scale-0", "attributes": {}, "path": ["display", "yellow", "scale", "0"], "value": "#2e1a00", "type": "color" }, "display-yellow-scale-1": { "key": "{display.yellow.scale.1}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.yellow.scale.1}" }, "name": "display-yellow-scale-1", "attributes": {}, "path": ["display", "yellow", "scale", "1"], "value": "#3d2401", "type": "color" }, "display-yellow-scale-2": { "key": "{display.yellow.scale.2}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.yellow.scale.2}" }, "name": "display-yellow-scale-2", "attributes": {}, "path": ["display", "yellow", "scale", "2"], "value": "#5a3702", "type": "color" }, "display-yellow-scale-3": { "key": "{display.yellow.scale.3}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.yellow.scale.3}" }, "name": "display-yellow-scale-3", "attributes": {}, "path": ["display", "yellow", "scale", "3"], "value": "#6d4403", "type": "color" }, "display-yellow-scale-4": { "key": "{display.yellow.scale.4}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.yellow.scale.4}" }, "name": "display-yellow-scale-4", "attributes": {}, "path": ["display", "yellow", "scale", "4"], "value": "#895906", "type": "color" }, "display-yellow-scale-5": { "key": "{display.yellow.scale.5}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.yellow.scale.5}" }, "name": "display-yellow-scale-5", "attributes": {}, "path": ["display", "yellow", "scale", "5"], "value": "#aa7109", "type": "color" }, "display-yellow-scale-6": { "key": "{display.yellow.scale.6}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.yellow.scale.6}" }, "name": "display-yellow-scale-6", "attributes": {}, "path": ["display", "yellow", "scale", "6"], "value": "#d3910d", "type": "color" }, "display-yellow-scale-7": { "key": "{display.yellow.scale.7}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.yellow.scale.7}" }, "name": "display-yellow-scale-7", "attributes": {}, "path": ["display", "yellow", "scale", "7"], "value": "#df9e11", "type": "color" }, "display-yellow-scale-8": { "key": "{display.yellow.scale.8}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.yellow.scale.8}" }, "name": "display-yellow-scale-8", "attributes": {}, "path": ["display", "yellow", "scale", "8"], "value": "#edb431", "type": "color" }, "display-yellow-scale-9": { "key": "{display.yellow.scale.9}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "filePath": "src/tokens/functional/color/display.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor", "borderColor"] } }, "key": "{display.yellow.scale.9}" }, "name": "display-yellow-scale-9", "attributes": {}, "path": ["display", "yellow", "scale", "9"], "value": "#f0ca6a", "type": "color" }, "fgColor-accent": { "key": "{fgColor.accent}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" } }, "org.primer.overrides": { "dark": "#4493F8", "dark-dimmed": "#478be6", "dark-dimmed-high-contrast": "#a5d6ff", "dark-high-contrast": "#74B9FF", "dark-tritanopia-high-contrast": "#74B9FF", "dark-protanopia-deuteranopia-high-contrast": "#74B9FF", "light-high-contrast": "#1158c7", "light-tritanopia-high-contrast": "#1158c7", "light-protanopia-deuteranopia-high-contrast": "#1158c7" }, "org.primer.llm": { "usage": ["accent-text", "info-text", "accent-icon"], "rules": "Use for accent-colored text and icons. Pair with bgColor.accent.muted for backgrounds." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "#4493F8", "$type": "color", "$description": "Accent text for links and interactive elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */" } }, "org.primer.overrides": { "dark": "#4493F8", "dark-dimmed": "#478be6", "dark-dimmed-high-contrast": "{base.color.blue.1}", "dark-high-contrast": "#74B9FF", "dark-tritanopia-high-contrast": "#74B9FF", "dark-protanopia-deuteranopia-high-contrast": "#74B9FF", "light-high-contrast": "{base.color.blue.6}", "light-tritanopia-high-contrast": "{base.color.blue.6}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.6}" }, "org.primer.llm": { "usage": ["accent-text", "info-text", "accent-icon"], "rules": "Use for accent-colored text and icons. Pair with bgColor.accent.muted for backgrounds." } }, "key": "{fgColor.accent}" }, "name": "fgColor-accent", "attributes": {}, "path": ["fgColor", "accent"], "value": "#4493f8", "type": "color", "description": "Accent text for links and interactive elements" }, "fgColor-attention": { "key": "{fgColor.attention}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" } }, "org.primer.overrides": { "dark": "#d29922", "light-high-contrast": "#845306", "light-protanopia-deuteranopia-high-contrast": "#845306", "light-tritanopia-high-contrast": "#845306", "dark-dimmed-high-contrast": "#f2cc60" }, "org.primer.llm": { "usage": ["attention-text", "warning-text", "caution-text"], "rules": "Use for warning and caution text. Pair with bgColor.attention.muted for backgrounds." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.yellow.3}", "$type": "color", "$description": "Attention text for warnings and caution states", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */" } }, "org.primer.overrides": { "dark": "{base.color.yellow.3}", "light-high-contrast": "{base.color.yellow.6}", "light-protanopia-deuteranopia-high-contrast": "{base.color.yellow.6}", "light-tritanopia-high-contrast": "{base.color.yellow.6}", "dark-dimmed-high-contrast": "{base.color.yellow.1}" }, "org.primer.llm": { "usage": ["attention-text", "warning-text", "caution-text"], "rules": "Use for warning and caution text. Pair with bgColor.attention.muted for backgrounds." } }, "key": "{fgColor.attention}" }, "name": "fgColor-attention", "attributes": {}, "path": ["fgColor", "attention"], "value": "#d29922", "type": "color", "description": "Attention text for warnings and caution states" }, "fgColor-black": { "key": "{fgColor.black}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#010409" }, "org.primer.llm": { "doNotUse": true, "rules": "Avoid using raw black. Use semantic alternatives: fgColor.default for standard text, fgColor.muted for secondary text. Raw black/white ignore theme preferences and accessibility settings." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.0}", "$type": "color", "$description": "Pure black text", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.0}" }, "org.primer.llm": { "doNotUse": true, "rules": "Avoid using raw black. Use semantic alternatives: fgColor.default for standard text, fgColor.muted for secondary text. Raw black/white ignore theme preferences and accessibility settings." } }, "key": "{fgColor.black}" }, "name": "fgColor-black", "attributes": {}, "path": ["fgColor", "black"], "value": "#010409", "type": "color", "description": "Pure black text" }, "fgColor-closed": { "key": "{fgColor.closed}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" } }, "org.primer.overrides": { "dark-protanopia-deuteranopia": "#9198a1", "dark-protanopia-deuteranopia-high-contrast": "#9198a1", "light-protanopia-deuteranopia": "#9198a1", "light-protanopia-deuteranopia-high-contrast": "#9198a1", "dark-tritanopia": "#9198a1", "dark-tritanopia-high-contrast": "#9198a1", "light-tritanopia": "#9198a1", "light-tritanopia-high-contrast": "#9198a1" }, "org.primer.llm": { "usage": ["closed-text", "closed-issue", "closed-pr"], "rules": "Use for closed/declined status text. Specifically for GitHub issues and PRs." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{fgColor.danger}", "$type": "color", "$description": "Text color for closed state indicators (issues, PRs)", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */" } }, "org.primer.overrides": { "dark-protanopia-deuteranopia": "{fgColor.muted}", "dark-protanopia-deuteranopia-high-contrast": "{fgColor.muted}", "light-protanopia-deuteranopia": "{fgColor.muted}", "light-protanopia-deuteranopia-high-contrast": "{fgColor.muted}", "dark-tritanopia": "{fgColor.muted}", "dark-tritanopia-high-contrast": "{fgColor.muted}", "light-tritanopia": "{fgColor.muted}", "light-tritanopia-high-contrast": "{fgColor.muted}" }, "org.primer.llm": { "usage": ["closed-text", "closed-issue", "closed-pr"], "rules": "Use for closed/declined status text. Specifically for GitHub issues and PRs." } }, "key": "{fgColor.closed}" }, "name": "fgColor-closed", "attributes": {}, "path": ["fgColor", "closed"], "value": "#f85149", "type": "color", "description": "Text color for closed state indicators (issues, PRs)" }, "fgColor-danger": { "key": "{fgColor.danger}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" } }, "org.primer.overrides": { "dark": "#f85149", "dark-protanopia-deuteranopia": "#f0883e", "dark-protanopia-deuteranopia-high-contrast": "#ffa657", "light-protanopia-deuteranopia": "#bd561d", "light-protanopia-deuteranopia-high-contrast": "#9b4215", "dark-high-contrast": "#ff7b72", "dark-dimmed-high-contrast": "#ffc1ba", "dark-tritanopia-high-contrast": "#ff7b72", "light-high-contrast": "#960d1e", "light-tritanopia-high-contrast": "#b62324" }, "org.primer.llm": { "usage": ["danger-text", "error-text", "destructive-text"], "rules": "Use for error messages and destructive action text. Pair with bgColor.danger.muted for backgrounds." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.red.4}", "$type": "color", "$description": "Danger text for errors and destructive actions", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */" } }, "org.primer.overrides": { "dark": "{base.color.red.4}", "dark-protanopia-deuteranopia": "{base.color.orange.3}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.2}", "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.6}", "dark-high-contrast": "{base.color.red.3}", "dark-dimmed-high-contrast": "{base.color.red.1}", "dark-tritanopia-high-contrast": "{base.color.red.3}", "light-high-contrast": "#960d1e", "light-tritanopia-high-contrast": "{base.color.red.6}" }, "org.primer.llm": { "usage": ["danger-text", "error-text", "destructive-text"], "rules": "Use for error messages and destructive action text. Pair with bgColor.danger.muted for backgrounds." } }, "key": "{fgColor.danger}" }, "name": "fgColor-danger", "attributes": {}, "path": ["fgColor", "danger"], "value": "#f85149", "type": "color", "description": "Danger text for errors and destructive actions" }, "fgColor-default": { "key": "{fgColor.default}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-default) /* utility class: .color-fg-default */" } }, "org.primer.overrides": { "dark": "#f0f6fc", "dark-high-contrast": "#ffffff", "dark-tritanopia-high-contrast": "#ffffff", "dark-protanopia-deuteranopia-high-contrast": "#ffffff", "dark-dimmed": "#d1d7e0", "dark-dimmed-high-contrast": "#f0f6fc" }, "org.primer.llm": { "usage": ["default-text", "heading", "body-text"], "rules": "RECOMMENDED default for all text. Use for headings, body text, and primary labels." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$description": "Default text color for primary content and headings", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-default) /* utility class: .color-fg-default */" } }, "org.primer.overrides": { "dark": "{base.color.neutral.12}", "dark-high-contrast": "{base.color.neutral.13}", "dark-tritanopia-high-contrast": "{base.color.neutral.13}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.13}", "dark-dimmed": "{base.color.neutral.11}", "dark-dimmed-high-contrast": "{base.color.neutral.12}" }, "org.primer.llm": { "usage": ["default-text", "heading", "body-text"], "rules": "RECOMMENDED default for all text. Use for headings, body text, and primary labels." } }, "key": "{fgColor.default}" }, "name": "fgColor-default", "attributes": {}, "path": ["fgColor", "default"], "value": "#f0f6fc", "type": "color", "description": "Default text color for primary content and headings" }, "fgColor-disabled": { "key": "{fgColor.disabled}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#656c76", "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed": "#656c76", "dark-dimmed-high-contrast": "#656c76", "light-high-contrast": "#9198a1", "light-tritanopia-high-contrast": "#9198a1", "light-protanopia-deuteranopia-high-contrast": "#9198a1", "dark-high-contrast": "#656c76", "dark-tritanopia-high-contrast": "#656c76", "dark-protanopia-deuteranopia-high-contrast": "#656c76" }, "org.primer.llm": { "usage": ["disabled-text", "inactive-text", "unavailable"], "rules": "MUST use for disabled state text. Pair with bgColor.disabled. Do NOT use for active elements." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$description": "Text color for disabled interactive elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.8}", "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "$type": "color" }, "dark-dimmed": "{base.color.neutral.8}", "dark-dimmed-high-contrast": "{base.color.neutral.8}", "light-high-contrast": "{base.color.neutral.9}", "light-tritanopia-high-contrast": "{base.color.neutral.9}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.9}", "dark-high-contrast": "{base.color.neutral.8}", "dark-tritanopia-high-contrast": "{base.color.neutral.8}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}" }, "org.primer.llm": { "usage": ["disabled-text", "inactive-text", "unavailable"], "rules": "MUST use for disabled state text. Pair with bgColor.disabled. Do NOT use for active elements." } }, "key": "{fgColor.disabled}" }, "name": "fgColor-disabled", "attributes": {}, "path": ["fgColor", "disabled"], "value": "#656c76", "type": "color", "description": "Text color for disabled interactive elements" }, "fgColor-done": { "key": "{fgColor.done}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-done) /* utility class: .color-fg-done */" } }, "org.primer.overrides": { "dark": "#ab7df8", "dark-high-contrast": "#D3ABFF", "dark-dimmed-high-contrast": "#e2c5ff", "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF", "dark-tritanopia-high-contrast": "#D3ABFF", "light-high-contrast": "#5e2bb4", "light-protanopia-deuteranopia-high-contrast": "#6e40c9", "light-tritanopia-high-contrast": "#6e40c9" }, "org.primer.llm": { "usage": ["done-text", "merged", "completed"], "rules": "Use for completed/done status text. Conveys finished or merged state." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.purple.4}", "$type": "color", "$description": "Text color for completed/done state indicators", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-done) /* utility class: .color-fg-done */" } }, "org.primer.overrides": { "dark": "{base.color.purple.4}", "dark-high-contrast": "#D3ABFF", "dark-dimmed-high-contrast": "{base.color.purple.1}", "dark-protanopia-deuteranopia-high-contrast": "#D3ABFF", "dark-tritanopia-high-contrast": "#D3ABFF", "light-high-contrast": "#5e2bb4", "light-protanopia-deuteranopia-high-contrast": "{base.color.purple.6}", "light-tritanopia-high-contrast": "{base.color.purple.6}" }, "org.primer.llm": { "usage": ["done-text", "merged", "completed"], "rules": "Use for completed/done status text. Conveys finished or merged state." } }, "key": "{fgColor.done}" }, "name": "fgColor-done", "attributes": {}, "path": ["fgColor", "done"], "value": "#ab7df8", "type": "color", "description": "Text color for completed/done state indicators" }, "fgColor-draft": { "key": "{fgColor.draft}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-draft)" } }, "org.primer.llm": { "usage": ["draft-text", "draft-pr", "draft-issue"], "rules": "Use for draft/WIP status text. Conveys incomplete or pending state." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{fgColor.neutral}", "$type": "color", "$description": "Text color for draft state indicators", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-draft)" } }, "org.primer.llm": { "usage": ["draft-text", "draft-pr", "draft-issue"], "rules": "Use for draft/WIP status text. Conveys incomplete or pending state." } }, "key": "{fgColor.draft}" }, "name": "fgColor-draft", "attributes": {}, "path": ["fgColor", "draft"], "value": "#9198a1", "type": "color", "description": "Text color for draft state indicators" }, "fgColor-link": { "key": "{fgColor.link}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" } }, "org.primer.llm": { "usage": ["link-text", "hyperlink"], "rules": "MUST use for all text links. Provides expected link affordance." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{fgColor.accent}", "$type": "color", "$description": "Text color for hyperlinks", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-link) /* utility class: .color-fg-accent */" } }, "org.primer.llm": { "usage": ["link-text", "hyperlink"], "rules": "MUST use for all text links. Provides expected link affordance." } }, "key": "{fgColor.link}" }, "name": "fgColor-link", "attributes": {}, "path": ["fgColor", "link"], "value": "#4493f8", "type": "color", "description": "Text color for hyperlinks" }, "fgColor-muted": { "key": "{fgColor.muted}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" } }, "org.primer.overrides": { "light-high-contrast": "#b7bdc8", "light-tritanopia-high-contrast": "#d1d7e0", "light-protanopia-deuteranopia-high-contrast": "#d1d7e0", "dark-high-contrast": "#b7bdc8", "dark-dimmed-high-contrast": "#b7bdc8", "dark-tritanopia-high-contrast": "#b7bdc8", "dark-protanopia-deuteranopia-high-contrast": "#b7bdc8" }, "org.primer.llm": { "usage": ["muted-text", "secondary-text", "helper-text", "placeholder"], "rules": "Use for secondary text like timestamps, metadata, and helper text. Do NOT use for primary content." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.9}", "$type": "color", "$description": "Muted text for secondary content and less important information", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */" } }, "org.primer.overrides": { "light-high-contrast": "{base.color.neutral.10}", "light-tritanopia-high-contrast": "{base.color.neutral.11}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}", "dark-high-contrast": "{base.color.neutral.10}", "dark-dimmed-high-contrast": "{base.color.neutral.10}", "dark-tritanopia-high-contrast": "{base.color.neutral.10}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.10}" }, "org.primer.llm": { "usage": ["muted-text", "secondary-text", "helper-text", "placeholder"], "rules": "Use for secondary text like timestamps, metadata, and helper text. Do NOT use for primary content." } }, "key": "{fgColor.muted}" }, "name": "fgColor-muted", "attributes": {}, "path": ["fgColor", "muted"], "value": "#9198a1", "type": "color", "description": "Muted text for secondary content and less important information" }, "fgColor-neutral": { "key": "{fgColor.neutral}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"] }, "org.primer.overrides": { "light-high-contrast": "#d1d7e0", "light-tritanopia-high-contrast": "#d1d7e0", "light-protanopia-deuteranopia-high-contrast": "#d1d7e0", "dark-high-contrast": "#d1d7e0", "dark-dimmed-high-contrast": "#d1d7e0", "dark-tritanopia-high-contrast": "#d1d7e0", "dark-protanopia-deuteranopia-high-contrast": "#d1d7e0" }, "org.primer.llm": { "usage": ["neutral-icon", "neutral-text"], "rules": "Use for neutral semantic elements. Prefer fgColor.muted for secondary text." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.9}", "$type": "color", "$description": "Neutral semantic text for icons and secondary elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"] }, "org.primer.overrides": { "light-high-contrast": "{base.color.neutral.11}", "light-tritanopia-high-contrast": "{base.color.neutral.11}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}", "dark-high-contrast": "{base.color.neutral.11}", "dark-dimmed-high-contrast": "{base.color.neutral.11}", "dark-tritanopia-high-contrast": "{base.color.neutral.11}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}" }, "org.primer.llm": { "usage": ["neutral-icon", "neutral-text"], "rules": "Use for neutral semantic elements. Prefer fgColor.muted for secondary text." } }, "key": "{fgColor.neutral}" }, "name": "fgColor-neutral", "attributes": {}, "path": ["fgColor", "neutral"], "value": "#9198a1", "type": "color", "description": "Neutral semantic text for icons and secondary elements" }, "fgColor-onEmphasis": { "key": "{fgColor.onEmphasis}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" } }, "org.primer.overrides": { "dark": "#ffffff", "dark-dimmed": "#f0f6fc", "dark-dimmed-high-contrast": "#ffffff" }, "org.primer.llm": { "usage": ["text-on-emphasis", "contrast-text"], "rules": "MUST use for text on any emphasis background (bgColor.*.emphasis). Ensures accessibility contrast." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$description": "Text color for use on emphasis backgrounds", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-onEmphasis) /* utility class: .color-fg-on-emphasis */" } }, "org.primer.overrides": { "dark": "{base.color.neutral.13}", "dark-dimmed": "{base.color.neutral.12}", "dark-dimmed-high-contrast": "#ffffff" }, "org.primer.llm": { "usage": ["text-on-emphasis", "contrast-text"], "rules": "MUST use for text on any emphasis background (bgColor.*.emphasis). Ensures accessibility contrast." } }, "key": "{fgColor.onEmphasis}" }, "name": "fgColor-onEmphasis", "attributes": {}, "path": ["fgColor", "onEmphasis"], "value": "#ffffff", "type": "color", "description": "Text color for use on emphasis backgrounds" }, "fgColor-onInverse": { "key": "{fgColor.onInverse}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"] }, "org.primer.llm": { "usage": ["text-on-inverse", "inverse-text"], "rules": "Use for text on bgColor.inverse. Provides appropriate contrast in both themes." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.0}", "$type": "color", "$description": "Text color for use on inverse backgrounds", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"] }, "org.primer.llm": { "usage": ["text-on-inverse", "inverse-text"], "rules": "Use for text on bgColor.inverse. Provides appropriate contrast in both themes." } }, "key": "{fgColor.onInverse}" }, "name": "fgColor-onInverse", "attributes": {}, "path": ["fgColor", "onInverse"], "value": "#010409", "type": "color", "description": "Text color for use on inverse backgrounds" }, "fgColor-open": { "key": "{fgColor.open}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-open) /* utility class: .color-fg-open */" } }, "org.primer.overrides": { "dark-protanopia-deuteranopia": "#db6d28", "dark-protanopia-deuteranopia-high-contrast": "#ffa657", "light-protanopia-deuteranopia": "#bd561d", "light-protanopia-deuteranopia-high-contrast": "#9b4215", "dark-tritanopia": "#f85149", "dark-tritanopia-high-contrast": "#ffa198", "light-tritanopia": "#da3633", "light-tritanopia-high-contrast": "#b62324" }, "org.primer.llm": { "usage": ["open-text", "open-issue", "open-pr"], "rules": "Use for open/active status text. Specifically for GitHub issues and PRs." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{fgColor.success}", "$type": "color", "$description": "Text color for open state indicators (issues, PRs)", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-open) /* utility class: .color-fg-open */" } }, "org.primer.overrides": { "dark-protanopia-deuteranopia": "{base.color.orange.4}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.2}", "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.6}", "dark-tritanopia": "{base.color.red.4}", "dark-tritanopia-high-contrast": "{base.color.red.2}", "light-tritanopia": "{base.color.red.5}", "light-tritanopia-high-contrast": "{base.color.red.6}" }, "org.primer.llm": { "usage": ["open-text", "open-issue", "open-pr"], "rules": "Use for open/active status text. Specifically for GitHub issues and PRs." } }, "key": "{fgColor.open}" }, "name": "fgColor-open", "attributes": {}, "path": ["fgColor", "open"], "value": "#3fb950", "type": "color", "description": "Text color for open state indicators (issues, PRs)" }, "fgColor-severe": { "key": "{fgColor.severe}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" } }, "org.primer.overrides": { "dark": "#db6d28", "dark-high-contrast": "#f0883e", "dark-dimmed-high-contrast": "#ffc680", "dark-protanopia-deuteranopia-high-contrast": "#f0883e", "light-high-contrast": "#9b4215", "dark-tritanopia": "#f85149", "dark-tritanopia-high-contrast": "#ff7b72", "light-tritanopia": "#da3633", "light-tritanopia-high-contrast": "#b62324", "light-protanopia-deuteranopia-high-contrast": "#9b4215" }, "org.primer.llm": { "usage": ["severe-text", "urgent-text", "severe-icon"], "rules": "Use for severe warnings, less critical than danger. Pair with bgColor.severe.muted for backgrounds." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.orange.4}", "$type": "color", "$description": "Severe text for high-priority warnings", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */" } }, "org.primer.overrides": { "dark": "{base.color.orange.4}", "dark-high-contrast": "{base.color.orange.3}", "dark-dimmed-high-contrast": "{base.color.orange.1}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.3}", "light-high-contrast": "{base.color.orange.6}", "dark-tritanopia": "{base.color.red.4}", "dark-tritanopia-high-contrast": "{base.color.red.3}", "light-tritanopia": "{base.color.red.5}", "light-tritanopia-high-contrast": "{base.color.red.6}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.6}" }, "org.primer.llm": { "usage": ["severe-text", "urgent-text", "severe-icon"], "rules": "Use for severe warnings, less critical than danger. Pair with bgColor.severe.muted for backgrounds." } }, "key": "{fgColor.severe}" }, "name": "fgColor-severe", "attributes": {}, "path": ["fgColor", "severe"], "value": "#db6d28", "type": "color", "description": "Severe text for high-priority warnings" }, "fgColor-sponsors": { "key": "{fgColor.sponsors}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" } }, "org.primer.overrides": { "dark": "#db61a2", "dark-high-contrast": "#FF90C8", "dark-dimmed-high-contrast": "#ffbedd", "dark-protanopia-deuteranopia-high-contrast": "#FF90C8", "dark-tritanopia-high-contrast": "#FF90C8", "light-high-contrast": "#9e3670", "light-protanopia-deuteranopia-high-contrast": "#9e3670", "light-tritanopia-high-contrast": "#9e3670" }, "org.primer.llm": { "usage": ["sponsors-text", "funding-text", "sponsors-icon"], "rules": "Use for GitHub Sponsors related text. Do NOT use for general pink-colored text." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.pink.4}", "$type": "color", "$description": "Text color for GitHub Sponsors content", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */" } }, "org.primer.overrides": { "dark": "{base.color.pink.4}", "dark-high-contrast": "#FF90C8", "dark-dimmed-high-contrast": "{base.color.pink.1}", "dark-protanopia-deuteranopia-high-contrast": "#FF90C8", "dark-tritanopia-high-contrast": "#FF90C8", "light-high-contrast": "{base.color.pink.6}", "light-protanopia-deuteranopia-high-contrast": "{base.color.pink.6}", "light-tritanopia-high-contrast": "{base.color.pink.6}" }, "org.primer.llm": { "usage": ["sponsors-text", "funding-text", "sponsors-icon"], "rules": "Use for GitHub Sponsors related text. Do NOT use for general pink-colored text." } }, "key": "{fgColor.sponsors}" }, "name": "fgColor-sponsors", "attributes": {}, "path": ["fgColor", "sponsors"], "value": "#db61a2", "type": "color", "description": "Text color for GitHub Sponsors content" }, "fgColor-success": { "key": "{fgColor.success}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-success) /* utility class: .color-fg-success */" } }, "org.primer.overrides": { "dark": "#3fb950", "dark-high-contrast": "#2BD853", "dark-dimmed-high-contrast": "#aff5b4", "light-high-contrast": "#04591f", "dark-protanopia-deuteranopia": "#58a6ff", "dark-protanopia-deuteranopia-high-contrast": "#a5d6ff", "light-protanopia-deuteranopia": "#1f6feb", "light-protanopia-deuteranopia-high-contrast": "#1158c7", "dark-tritanopia": "#58a6ff", "dark-tritanopia-high-contrast": "#79c0ff", "light-tritanopia": "#1f6feb", "light-tritanopia-high-contrast": "#1158c7" }, "org.primer.llm": { "usage": ["success-text", "positive-text", "success-icon"], "rules": "Use for success states and positive feedback text. Pair with bgColor.success.muted for backgrounds." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.green.3}", "$type": "color", "$description": "Success text for positive feedback and completed states", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-success) /* utility class: .color-fg-success */" } }, "org.primer.overrides": { "dark": "{base.color.green.3}", "dark-high-contrast": "#2BD853", "dark-dimmed-high-contrast": "{base.color.green.0}", "light-high-contrast": "#04591f", "dark-protanopia-deuteranopia": "{base.color.blue.3}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}", "light-protanopia-deuteranopia": "{base.color.blue.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.6}", "dark-tritanopia": "{base.color.blue.3}", "dark-tritanopia-high-contrast": "{base.color.blue.2}", "light-tritanopia": "{base.color.blue.5}", "light-tritanopia-high-contrast": "{base.color.blue.6}" }, "org.primer.llm": { "usage": ["success-text", "positive-text", "success-icon"], "rules": "Use for success states and positive feedback text. Pair with bgColor.success.muted for backgrounds." } }, "key": "{fgColor.success}" }, "name": "fgColor-success", "attributes": {}, "path": ["fgColor", "success"], "value": "#3fb950", "type": "color", "description": "Success text for positive feedback and completed states" }, "fgColor-upsell": { "key": "{fgColor.upsell}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-upsell)" } }, "org.primer.llm": { "usage": ["upsell-text", "premium-text", "promotional"], "rules": "Use for upgrade prompts and premium feature text. Do NOT use for regular content." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{fgColor.done}", "$type": "color", "$description": "Text color for upsell and promotional content", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"], "codeSyntax": { "web": "var(--fgColor-upsell)" } }, "org.primer.llm": { "usage": ["upsell-text", "premium-text", "promotional"], "rules": "Use for upgrade prompts and premium feature text. Do NOT use for regular content." } }, "key": "{fgColor.upsell}" }, "name": "fgColor-upsell", "attributes": {}, "path": ["fgColor", "upsell"], "value": "#ab7df8", "type": "color", "description": "Text color for upsell and promotional content" }, "fgColor-white": { "key": "{fgColor.white}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#ffffff" }, "org.primer.llm": { "doNotUse": true, "rules": "Avoid using raw white. Use semantic alternatives: fgColor.onEmphasis for text on dark backgrounds, fgColor.onInverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings." } }, "filePath": "src/tokens/functional/color/fgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$description": "Pure white text", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.13}" }, "org.primer.llm": { "doNotUse": true, "rules": "Avoid using raw white. Use semantic alternatives: fgColor.onEmphasis for text on dark backgrounds, fgColor.onInverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings." } }, "key": "{fgColor.white}" }, "name": "fgColor-white", "attributes": {}, "path": ["fgColor", "white"], "value": "#ffffff", "type": "color", "description": "Pure white text" }, "focus-outline": { "key": "{focus.outline}", "$extensions": { "org.primer.llm": { "usage": ["focus-ring", "keyboard-navigation", "accessibility-indicator"], "rules": "Always ensure focus states are visible. Do not override with custom focus styles that reduce visibility. Use for interactive elements like buttons, links, and form controls." } }, "filePath": "src/tokens/component/focus.json5", "isSource": true, "original": { "$value": { "color": "{focus.outline-color}", "style": "solid", "width": "{focus.outline-width}" }, "$type": "border", "$description": "Focus ring outline for keyboard navigation and accessibility.", "$extensions": { "org.primer.llm": { "usage": ["focus-ring", "keyboard-navigation", "accessibility-indicator"], "rules": "Always ensure focus states are visible. Do not override with custom focus styles that reduce visibility. Use for interactive elements like buttons, links, and form controls." } }, "key": "{focus.outline}" }, "name": "focus-outline", "attributes": {}, "path": ["focus", "outline"], "value": "0.125rem solid #1f6feb", "type": "border", "description": "Focus ring outline for keyboard navigation and accessibility." }, "focus-outline-color": { "key": "{focus.outline-color}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor", "effectColor"] }, "org.primer.llm": { "usage": ["focus-ring", "keyboard-navigation", "accessibility-indicator"], "rules": "Use for focus outlines on interactive elements like buttons, links, and form controls. MUST be visible for keyboard navigation accessibility. Do NOT use for decorative borders or non-interactive elements." } }, "filePath": "src/tokens/component/focus.json5", "isSource": true, "original": { "$value": "{borderColor.accent.emphasis}", "$type": "color", "$description": "Outline color for focus states on interactive elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor", "effectColor"] }, "org.primer.llm": { "usage": ["focus-ring", "keyboard-navigation", "accessibility-indicator"], "rules": "Use for focus outlines on interactive elements like buttons, links, and form controls. MUST be visible for keyboard navigation accessibility. Do NOT use for decorative borders or non-interactive elements." } }, "key": "{focus.outline-color}" }, "name": "focus-outline-color", "attributes": {}, "path": ["focus", "outline-color"], "value": "#1f6feb", "type": "color", "description": "Outline color for focus states on interactive elements" }, "focus-outlineColor": { "key": "{focus.outlineColor}", "$deprecated": "#1f6feb", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor", "effectColor"] } }, "filePath": "src/tokens/component/focus.json5", "isSource": true, "original": { "$value": "{focus.outline-color}", "$type": "color", "$deprecated": "{focus.outline-color}", "$description": "Deprecated. Use focus.outline-color instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor", "effectColor"] } }, "key": "{focus.outlineColor}" }, "name": "focus-outlineColor", "attributes": {}, "path": ["focus", "outlineColor"], "value": "#1f6feb", "type": "color", "description": "Deprecated. Use focus.outline-color instead." }, "header-bgColor": { "key": "{header.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#151b23", "alpha": 0.95, "filePath": "src/tokens/component/header.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/header.json5", "isSource": true, "alpha": 0.95, "original": { "$value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.2}", "alpha": 0.95, "filePath": "src/tokens/component/header.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.95, "key": "{header.bgColor}" }, "name": "header-bgColor", "attributes": {}, "path": ["header", "bgColor"], "value": "#151b23f2", "type": "color" }, "header-borderColor-divider": { "key": "{header.borderColor.divider}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "light-high-contrast": "#3d444d", "light-protanopia-deuteranopia-high-contrast": "#3d444d", "light-tritanopia-high-contrast": "#3d444d" } }, "filePath": "src/tokens/component/header.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "light-high-contrast": "{base.color.neutral.7}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.7}", "light-tritanopia-high-contrast": "{base.color.neutral.7}" } }, "key": "{header.borderColor.divider}" }, "name": "header-borderColor-divider", "attributes": {}, "path": ["header", "borderColor", "divider"], "value": "#656c76", "type": "color" }, "header-fgColor-default": { "key": "{header.fgColor.default}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#ffffff" } }, "alpha": 0.7, "filePath": "src/tokens/component/header.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.13}" } }, "alpha": 0.7, "key": "{header.fgColor.default}" }, "name": "header-fgColor-default", "attributes": {}, "path": ["header", "fgColor", "default"], "value": "#ffffffb3", "type": "color" }, "header-fgColor-logo": { "key": "{header.fgColor.logo}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/component/header.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.12}" } }, "key": "{header.fgColor.logo}" }, "name": "header-fgColor-logo", "attributes": {}, "path": ["header", "fgColor", "logo"], "value": "#f0f6fc", "type": "color" }, "headerSearch-bgColor": { "key": "{headerSearch.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#0d1117" } }, "filePath": "src/tokens/component/headerSerach.json5", "isSource": true, "original": { "$value": "{base.color.neutral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.1}" } }, "key": "{headerSearch.bgColor}" }, "name": "headerSearch-bgColor", "attributes": {}, "path": ["headerSearch", "bgColor"], "value": "#0d1117", "type": "color" }, "headerSearch-borderColor": { "key": "{headerSearch.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "#2a313c" } }, "filePath": "src/tokens/component/headerSerach.json5", "isSource": true, "original": { "$value": "{base.color.neutral.5}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.5}" } }, "key": "{headerSearch.borderColor}" }, "name": "headerSearch-borderColor", "attributes": {}, "path": ["headerSearch", "borderColor"], "value": "#2a313c", "type": "color" }, "highlight-neutral-bgColor": { "key": "{highlight.neutral.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#d29922", "alpha": 0.4, "filePath": "src/tokens/component/highlight.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/highlight.json5", "isSource": true, "alpha": 0.4, "original": { "$value": "{base.color.yellow.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.yellow.3}", "alpha": 0.4, "filePath": "src/tokens/component/highlight.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.4, "key": "{highlight.neutral.bgColor}" }, "name": "highlight-neutral-bgColor", "attributes": {}, "path": ["highlight", "neutral", "bgColor"], "value": "#d2992266", "type": "color" }, "label-auburn-bgColor-active": { "key": "{label.auburn.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#543331", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.auburn.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.auburn.bgColor.active}" }, "name": "label-auburn-bgColor-active", "attributes": {}, "path": ["label", "auburn", "bgColor", "active"], "value": "#543331", "type": "color" }, "label-auburn-bgColor-hover": { "key": "{label.auburn.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#3a2422", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.auburn.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.auburn.bgColor.hover}" }, "name": "label-auburn-bgColor-hover", "attributes": {}, "path": ["label", "auburn", "bgColor", "hover"], "value": "#3a2422", "type": "color" }, "label-auburn-bgColor-rest": { "key": "{label.auburn.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#271817", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.auburn.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.auburn.bgColor.rest}" }, "name": "label-auburn-bgColor-rest", "attributes": {}, "path": ["label", "auburn", "bgColor", "rest"], "value": "#271817", "type": "color" }, "label-auburn-borderColor": { "key": "{label.auburn.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#bf9592", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.auburn.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.auburn.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.auburn.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.auburn.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.auburn.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.auburn.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.auburn.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.auburn.borderColor}" }, "name": "label-auburn-borderColor", "attributes": {}, "path": ["label", "auburn", "borderColor"], "value": "#00000000", "type": "color" }, "label-auburn-fgColor-active": { "key": "{label.auburn.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#d4b7b5", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.auburn.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.auburn.fgColor.active}" }, "name": "label-auburn-fgColor-active", "attributes": {}, "path": ["label", "auburn", "fgColor", "active"], "value": "#d4b7b5", "type": "color" }, "label-auburn-fgColor-hover": { "key": "{label.auburn.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#c6a19f", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.auburn.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.auburn.fgColor.hover}" }, "name": "label-auburn-fgColor-hover", "attributes": {}, "path": ["label", "auburn", "fgColor", "hover"], "value": "#c6a19f", "type": "color" }, "label-auburn-fgColor-rest": { "key": "{label.auburn.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#bf9592", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.auburn.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.auburn.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.auburn.fgColor.rest}" }, "name": "label-auburn-fgColor-rest", "attributes": {}, "path": ["label", "auburn", "fgColor", "rest"], "value": "#bf9592", "type": "color" }, "label-blue-bgColor-active": { "key": "{label.blue.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#00378a", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.blue.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.blue.bgColor.active}" }, "name": "label-blue-bgColor-active", "attributes": {}, "path": ["label", "blue", "bgColor", "active"], "value": "#00378a", "type": "color" }, "label-blue-bgColor-hover": { "key": "{label.blue.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#002766", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.blue.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.blue.bgColor.hover}" }, "name": "label-blue-bgColor-hover", "attributes": {}, "path": ["label", "blue", "bgColor", "hover"], "value": "#002766", "type": "color" }, "label-blue-bgColor-rest": { "key": "{label.blue.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#001a47", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.blue.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.blue.bgColor.rest}" }, "name": "label-blue-bgColor-rest", "attributes": {}, "path": ["label", "blue", "bgColor", "rest"], "value": "#001a47", "type": "color" }, "label-blue-borderColor": { "key": "{label.blue.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#4da0ff", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.blue.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.blue.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.blue.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.blue.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.blue.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.blue.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.blue.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.blue.borderColor}" }, "name": "label-blue-borderColor", "attributes": {}, "path": ["label", "blue", "borderColor"], "value": "#00000000", "type": "color" }, "label-blue-fgColor-active": { "key": "{label.blue.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#85c2ff", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.blue.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.blue.fgColor.active}" }, "name": "label-blue-fgColor-active", "attributes": {}, "path": ["label", "blue", "fgColor", "active"], "value": "#85c2ff", "type": "color" }, "label-blue-fgColor-hover": { "key": "{label.blue.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#61adff", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.blue.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.blue.fgColor.hover}" }, "name": "label-blue-fgColor-hover", "attributes": {}, "path": ["label", "blue", "fgColor", "hover"], "value": "#61adff", "type": "color" }, "label-blue-fgColor-rest": { "key": "{label.blue.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#4da0ff", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.blue.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.blue.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.blue.fgColor.rest}" }, "name": "label-blue-fgColor-rest", "attributes": {}, "path": ["label", "blue", "fgColor", "rest"], "value": "#4da0ff", "type": "color" }, "label-brown-bgColor-active": { "key": "{label.brown.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#483a28", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.brown.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.brown.bgColor.active}" }, "name": "label-brown-bgColor-active", "attributes": {}, "path": ["label", "brown", "bgColor", "active"], "value": "#483a28", "type": "color" }, "label-brown-bgColor-hover": { "key": "{label.brown.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#342a1d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.brown.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.brown.bgColor.hover}" }, "name": "label-brown-bgColor-hover", "attributes": {}, "path": ["label", "brown", "bgColor", "hover"], "value": "#342a1d", "type": "color" }, "label-brown-bgColor-rest": { "key": "{label.brown.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#241c14", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.brown.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.brown.bgColor.rest}" }, "name": "label-brown-bgColor-rest", "attributes": {}, "path": ["label", "brown", "bgColor", "rest"], "value": "#241c14", "type": "color" }, "label-brown-borderColor": { "key": "{label.brown.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#b69a6d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.brown.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.brown.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.brown.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.brown.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.brown.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.brown.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.brown.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.brown.borderColor}" }, "name": "label-brown-borderColor", "attributes": {}, "path": ["label", "brown", "borderColor"], "value": "#00000000", "type": "color" }, "label-brown-fgColor-active": { "key": "{label.brown.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#cdbb98", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.brown.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.brown.fgColor.active}" }, "name": "label-brown-fgColor-active", "attributes": {}, "path": ["label", "brown", "fgColor", "active"], "value": "#cdbb98", "type": "color" }, "label-brown-fgColor-hover": { "key": "{label.brown.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#bfa77d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.brown.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.brown.fgColor.hover}" }, "name": "label-brown-fgColor-hover", "attributes": {}, "path": ["label", "brown", "fgColor", "hover"], "value": "#bfa77d", "type": "color" }, "label-brown-fgColor-rest": { "key": "{label.brown.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#b69a6d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.brown.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.brown.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.brown.fgColor.rest}" }, "name": "label-brown-fgColor-rest", "attributes": {}, "path": ["label", "brown", "fgColor", "rest"], "value": "#b69a6d", "type": "color" }, "label-coral-bgColor-active": { "key": "{label.coral.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#72220d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.coral.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.coral.bgColor.active}" }, "name": "label-coral-bgColor-active", "attributes": {}, "path": ["label", "coral", "bgColor", "active"], "value": "#72220d", "type": "color" }, "label-coral-bgColor-hover": { "key": "{label.coral.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#51180b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.coral.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.coral.bgColor.hover}" }, "name": "label-coral-bgColor-hover", "attributes": {}, "path": ["label", "coral", "bgColor", "hover"], "value": "#51180b", "type": "color" }, "label-coral-bgColor-rest": { "key": "{label.coral.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#351008", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.coral.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.coral.bgColor.rest}" }, "name": "label-coral-bgColor-rest", "attributes": {}, "path": ["label", "coral", "bgColor", "rest"], "value": "#351008", "type": "color" }, "label-coral-borderColor": { "key": "{label.coral.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f7794b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.coral.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.coral.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.coral.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.coral.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.coral.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.coral.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.coral.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.coral.borderColor}" }, "name": "label-coral-borderColor", "attributes": {}, "path": ["label", "coral", "borderColor"], "value": "#00000000", "type": "color" }, "label-coral-fgColor-active": { "key": "{label.coral.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#fdaa86", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.coral.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.coral.fgColor.active}" }, "name": "label-coral-fgColor-active", "attributes": {}, "path": ["label", "coral", "fgColor", "active"], "value": "#fdaa86", "type": "color" }, "label-coral-fgColor-hover": { "key": "{label.coral.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#fa8c61", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.coral.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.coral.fgColor.hover}" }, "name": "label-coral-fgColor-hover", "attributes": {}, "path": ["label", "coral", "fgColor", "hover"], "value": "#fa8c61", "type": "color" }, "label-coral-fgColor-rest": { "key": "{label.coral.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f7794b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.coral.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.coral.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.coral.fgColor.rest}" }, "name": "label-coral-fgColor-rest", "attributes": {}, "path": ["label", "coral", "fgColor", "rest"], "value": "#f7794b", "type": "color" }, "label-cyan-bgColor-active": { "key": "{label.cyan.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#014156", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.cyan.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.cyan.bgColor.active}" }, "name": "label-cyan-bgColor-active", "attributes": {}, "path": ["label", "cyan", "bgColor", "active"], "value": "#014156", "type": "color" }, "label-cyan-bgColor-hover": { "key": "{label.cyan.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#002e3d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.cyan.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.cyan.bgColor.hover}" }, "name": "label-cyan-bgColor-hover", "attributes": {}, "path": ["label", "cyan", "bgColor", "hover"], "value": "#002e3d", "type": "color" }, "label-cyan-bgColor-rest": { "key": "{label.cyan.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#001f29", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.cyan.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.cyan.bgColor.rest}" }, "name": "label-cyan-bgColor-rest", "attributes": {}, "path": ["label", "cyan", "bgColor", "rest"], "value": "#001f29", "type": "color" }, "label-cyan-borderColor": { "key": "{label.cyan.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#07ace4", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.cyan.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.cyan.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.cyan.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.cyan.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.cyan.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.cyan.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.cyan.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.cyan.borderColor}" }, "name": "label-cyan-borderColor", "attributes": {}, "path": ["label", "cyan", "borderColor"], "value": "#00000000", "type": "color" }, "label-cyan-fgColor-active": { "key": "{label.cyan.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#45cbf7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.cyan.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.cyan.fgColor.active}" }, "name": "label-cyan-fgColor-active", "attributes": {}, "path": ["label", "cyan", "fgColor", "active"], "value": "#45cbf7", "type": "color" }, "label-cyan-fgColor-hover": { "key": "{label.cyan.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#09b7f1", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.cyan.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.cyan.fgColor.hover}" }, "name": "label-cyan-fgColor-hover", "attributes": {}, "path": ["label", "cyan", "fgColor", "hover"], "value": "#09b7f1", "type": "color" }, "label-cyan-fgColor-rest": { "key": "{label.cyan.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#07ace4", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.cyan.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.cyan.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.cyan.fgColor.rest}" }, "name": "label-cyan-fgColor-rest", "attributes": {}, "path": ["label", "cyan", "fgColor", "rest"], "value": "#07ace4", "type": "color" }, "label-gray-bgColor-active": { "key": "{label.gray.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#393d41", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.gray.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.gray.bgColor.active}" }, "name": "label-gray-bgColor-active", "attributes": {}, "path": ["label", "gray", "bgColor", "active"], "value": "#393d41", "type": "color" }, "label-gray-bgColor-hover": { "key": "{label.gray.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2a2b2d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.gray.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.gray.bgColor.hover}" }, "name": "label-gray-bgColor-hover", "attributes": {}, "path": ["label", "gray", "bgColor", "hover"], "value": "#2a2b2d", "type": "color" }, "label-gray-bgColor-rest": { "key": "{label.gray.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1c1c1c", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.gray.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.gray.bgColor.rest}" }, "name": "label-gray-bgColor-rest", "attributes": {}, "path": ["label", "gray", "bgColor", "rest"], "value": "#1c1c1c", "type": "color" }, "label-gray-borderColor": { "key": "{label.gray.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#92a1b5", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.gray.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.gray.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.gray.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.gray.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.gray.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.gray.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.gray.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.gray.borderColor}" }, "name": "label-gray-borderColor", "attributes": {}, "path": ["label", "gray", "borderColor"], "value": "#00000000", "type": "color" }, "label-gray-fgColor-active": { "key": "{label.gray.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#b3c0d1", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.gray.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.gray.fgColor.active}" }, "name": "label-gray-fgColor-active", "attributes": {}, "path": ["label", "gray", "fgColor", "active"], "value": "#b3c0d1", "type": "color" }, "label-gray-fgColor-hover": { "key": "{label.gray.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#9babbf", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.gray.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.gray.fgColor.hover}" }, "name": "label-gray-fgColor-hover", "attributes": {}, "path": ["label", "gray", "fgColor", "hover"], "value": "#9babbf", "type": "color" }, "label-gray-fgColor-rest": { "key": "{label.gray.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#92a1b5", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.gray.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.gray.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.gray.fgColor.rest}" }, "name": "label-gray-fgColor-rest", "attributes": {}, "path": ["label", "gray", "fgColor", "rest"], "value": "#92a1b5", "type": "color" }, "label-green-bgColor-active": { "key": "{label.green.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#214529", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.green.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.green.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.green.bgColor.active}" }, "name": "label-green-bgColor-active", "attributes": {}, "path": ["label", "green", "bgColor", "active"], "value": "#214529", "type": "color" }, "label-green-bgColor-hover": { "key": "{label.green.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#182f1f", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.green.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.green.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.green.bgColor.hover}" }, "name": "label-green-bgColor-hover", "attributes": {}, "path": ["label", "green", "bgColor", "hover"], "value": "#182f1f", "type": "color" }, "label-green-bgColor-rest": { "key": "{label.green.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#122117", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.green.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.green.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.green.bgColor.rest}" }, "name": "label-green-bgColor-rest", "attributes": {}, "path": ["label", "green", "bgColor", "rest"], "value": "#122117", "type": "color" }, "label-green-borderColor": { "key": "{label.green.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#41b445", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.green.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.green.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.green.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.green.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.green.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.green.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.green.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.green.borderColor}" }, "name": "label-green-borderColor", "attributes": {}, "path": ["label", "green", "borderColor"], "value": "#00000000", "type": "color" }, "label-green-fgColor-active": { "key": "{label.green.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#75d36f", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.green.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.green.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.green.fgColor.active}" }, "name": "label-green-fgColor-active", "attributes": {}, "path": ["label", "green", "fgColor", "active"], "value": "#75d36f", "type": "color" }, "label-green-fgColor-hover": { "key": "{label.green.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#46c144", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.green.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.green.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.green.fgColor.hover}" }, "name": "label-green-fgColor-hover", "attributes": {}, "path": ["label", "green", "fgColor", "hover"], "value": "#46c144", "type": "color" }, "label-green-fgColor-rest": { "key": "{label.green.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#41b445", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.green.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.green.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.green.fgColor.rest}" }, "name": "label-green-fgColor-rest", "attributes": {}, "path": ["label", "green", "fgColor", "rest"], "value": "#41b445", "type": "color" }, "label-indigo-bgColor-active": { "key": "{label.indigo.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#312c90", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.indigo.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.indigo.bgColor.active}" }, "name": "label-indigo-bgColor-active", "attributes": {}, "path": ["label", "indigo", "bgColor", "active"], "value": "#312c90", "type": "color" }, "label-indigo-bgColor-hover": { "key": "{label.indigo.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#25215f", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.indigo.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.indigo.bgColor.hover}" }, "name": "label-indigo-bgColor-hover", "attributes": {}, "path": ["label", "indigo", "bgColor", "hover"], "value": "#25215f", "type": "color" }, "label-indigo-bgColor-rest": { "key": "{label.indigo.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1b183f", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.indigo.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.indigo.bgColor.rest}" }, "name": "label-indigo-bgColor-rest", "attributes": {}, "path": ["label", "indigo", "bgColor", "rest"], "value": "#1b183f", "type": "color" }, "label-indigo-borderColor": { "key": "{label.indigo.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#9899ec", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.indigo.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.indigo.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.indigo.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.indigo.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.indigo.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.indigo.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.indigo.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.indigo.borderColor}" }, "name": "label-indigo-borderColor", "attributes": {}, "path": ["label", "indigo", "borderColor"], "value": "#00000000", "type": "color" }, "label-indigo-fgColor-active": { "key": "{label.indigo.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#b7baf6", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.indigo.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.indigo.fgColor.active}" }, "name": "label-indigo-fgColor-active", "attributes": {}, "path": ["label", "indigo", "fgColor", "active"], "value": "#b7baf6", "type": "color" }, "label-indigo-fgColor-hover": { "key": "{label.indigo.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#a2a5f1", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.indigo.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.indigo.fgColor.hover}" }, "name": "label-indigo-fgColor-hover", "attributes": {}, "path": ["label", "indigo", "fgColor", "hover"], "value": "#a2a5f1", "type": "color" }, "label-indigo-fgColor-rest": { "key": "{label.indigo.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#9899ec", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.indigo.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.indigo.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.indigo.fgColor.rest}" }, "name": "label-indigo-fgColor-rest", "attributes": {}, "path": ["label", "indigo", "fgColor", "rest"], "value": "#9899ec", "type": "color" }, "label-lemon-bgColor-active": { "key": "{label.lemon.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#4f3c02", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lemon.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lemon.bgColor.active}" }, "name": "label-lemon-bgColor-active", "attributes": {}, "path": ["label", "lemon", "bgColor", "active"], "value": "#4f3c02", "type": "color" }, "label-lemon-bgColor-hover": { "key": "{label.lemon.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#372901", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lemon.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lemon.bgColor.hover}" }, "name": "label-lemon-bgColor-hover", "attributes": {}, "path": ["label", "lemon", "bgColor", "hover"], "value": "#372901", "type": "color" }, "label-lemon-bgColor-rest": { "key": "{label.lemon.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#291d00", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lemon.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lemon.bgColor.rest}" }, "name": "label-lemon-bgColor-rest", "attributes": {}, "path": ["label", "lemon", "bgColor", "rest"], "value": "#291d00", "type": "color" }, "label-lemon-borderColor": { "key": "{label.lemon.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#ba9b12", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.lemon.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.lemon.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.lemon.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.lemon.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.lemon.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.lemon.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.lemon.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lemon.borderColor}" }, "name": "label-lemon-borderColor", "attributes": {}, "path": ["label", "lemon", "borderColor"], "value": "#00000000", "type": "color" }, "label-lemon-fgColor-active": { "key": "{label.lemon.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#d7bc1d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lemon.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lemon.fgColor.active}" }, "name": "label-lemon-fgColor-active", "attributes": {}, "path": ["label", "lemon", "fgColor", "active"], "value": "#d7bc1d", "type": "color" }, "label-lemon-fgColor-hover": { "key": "{label.lemon.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#c4a717", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lemon.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lemon.fgColor.hover}" }, "name": "label-lemon-fgColor-hover", "attributes": {}, "path": ["label", "lemon", "fgColor", "hover"], "value": "#c4a717", "type": "color" }, "label-lemon-fgColor-rest": { "key": "{label.lemon.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ba9b12", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lemon.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lemon.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lemon.fgColor.rest}" }, "name": "label-lemon-fgColor-rest", "attributes": {}, "path": ["label", "lemon", "fgColor", "rest"], "value": "#ba9b12", "type": "color" }, "label-lime-bgColor-active": { "key": "{label.lime.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2c441d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lime.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lime.bgColor.active}" }, "name": "label-lime-bgColor-active", "attributes": {}, "path": ["label", "lime", "bgColor", "active"], "value": "#2c441d", "type": "color" }, "label-lime-bgColor-hover": { "key": "{label.lime.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1f3116", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lime.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lime.bgColor.hover}" }, "name": "label-lime-bgColor-hover", "attributes": {}, "path": ["label", "lime", "bgColor", "hover"], "value": "#1f3116", "type": "color" }, "label-lime-bgColor-rest": { "key": "{label.lime.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#141f0f", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lime.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lime.bgColor.rest}" }, "name": "label-lime-bgColor-rest", "attributes": {}, "path": ["label", "lime", "bgColor", "rest"], "value": "#141f0f", "type": "color" }, "label-lime-borderColor": { "key": "{label.lime.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#7dae37", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.lime.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.lime.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.lime.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.lime.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.lime.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.lime.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.lime.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lime.borderColor}" }, "name": "label-lime-borderColor", "attributes": {}, "path": ["label", "lime", "borderColor"], "value": "#00000000", "type": "color" }, "label-lime-fgColor-active": { "key": "{label.lime.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#9fcc3e", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lime.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lime.fgColor.active}" }, "name": "label-lime-fgColor-active", "attributes": {}, "path": ["label", "lime", "fgColor", "active"], "value": "#9fcc3e", "type": "color" }, "label-lime-fgColor-hover": { "key": "{label.lime.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#89ba36", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lime.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lime.fgColor.hover}" }, "name": "label-lime-fgColor-hover", "attributes": {}, "path": ["label", "lime", "fgColor", "hover"], "value": "#89ba36", "type": "color" }, "label-lime-fgColor-rest": { "key": "{label.lime.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#7dae37", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.lime.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.lime.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.lime.fgColor.rest}" }, "name": "label-lime-fgColor-rest", "attributes": {}, "path": ["label", "lime", "fgColor", "rest"], "value": "#7dae37", "type": "color" }, "label-olive-bgColor-active": { "key": "{label.olive.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#374115", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.olive.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.olive.bgColor.active}" }, "name": "label-olive-bgColor-active", "attributes": {}, "path": ["label", "olive", "bgColor", "active"], "value": "#374115", "type": "color" }, "label-olive-bgColor-hover": { "key": "{label.olive.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#252d10", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.olive.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.olive.bgColor.hover}" }, "name": "label-olive-bgColor-hover", "attributes": {}, "path": ["label", "olive", "bgColor", "hover"], "value": "#252d10", "type": "color" }, "label-olive-bgColor-rest": { "key": "{label.olive.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#171e0b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.olive.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.olive.bgColor.rest}" }, "name": "label-olive-bgColor-rest", "attributes": {}, "path": ["label", "olive", "bgColor", "rest"], "value": "#171e0b", "type": "color" }, "label-olive-borderColor": { "key": "{label.olive.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#a2a626", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.olive.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.olive.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.olive.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.olive.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.olive.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.olive.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.olive.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.olive.borderColor}" }, "name": "label-olive-borderColor", "attributes": {}, "path": ["label", "olive", "borderColor"], "value": "#00000000", "type": "color" }, "label-olive-fgColor-active": { "key": "{label.olive.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#cbc025", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.olive.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.olive.fgColor.active}" }, "name": "label-olive-fgColor-active", "attributes": {}, "path": ["label", "olive", "fgColor", "active"], "value": "#cbc025", "type": "color" }, "label-olive-fgColor-hover": { "key": "{label.olive.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#b2af24", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.olive.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.olive.fgColor.hover}" }, "name": "label-olive-fgColor-hover", "attributes": {}, "path": ["label", "olive", "fgColor", "hover"], "value": "#b2af24", "type": "color" }, "label-olive-fgColor-rest": { "key": "{label.olive.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#a2a626", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.olive.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.olive.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.olive.fgColor.rest}" }, "name": "label-olive-fgColor-rest", "attributes": {}, "path": ["label", "olive", "fgColor", "rest"], "value": "#a2a626", "type": "color" }, "label-orange-bgColor-active": { "key": "{label.orange.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#632f0d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.orange.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.orange.bgColor.active}" }, "name": "label-orange-bgColor-active", "attributes": {}, "path": ["label", "orange", "bgColor", "active"], "value": "#632f0d", "type": "color" }, "label-orange-bgColor-hover": { "key": "{label.orange.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#43200a", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.orange.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.orange.bgColor.hover}" }, "name": "label-orange-bgColor-hover", "attributes": {}, "path": ["label", "orange", "bgColor", "hover"], "value": "#43200a", "type": "color" }, "label-orange-bgColor-rest": { "key": "{label.orange.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#311708", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.orange.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.orange.bgColor.rest}" }, "name": "label-orange-bgColor-rest", "attributes": {}, "path": ["label", "orange", "bgColor", "rest"], "value": "#311708", "type": "color" }, "label-orange-borderColor": { "key": "{label.orange.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#ed8326", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.orange.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.orange.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.orange.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.orange.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.orange.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.orange.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.orange.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.orange.borderColor}" }, "name": "label-orange-borderColor", "attributes": {}, "path": ["label", "orange", "borderColor"], "value": "#00000000", "type": "color" }, "label-orange-fgColor-active": { "key": "{label.orange.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f6b06a", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.orange.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.orange.fgColor.active}" }, "name": "label-orange-fgColor-active", "attributes": {}, "path": ["label", "orange", "fgColor", "active"], "value": "#f6b06a", "type": "color" }, "label-orange-fgColor-hover": { "key": "{label.orange.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f1933b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.orange.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.orange.fgColor.hover}" }, "name": "label-orange-fgColor-hover", "attributes": {}, "path": ["label", "orange", "fgColor", "hover"], "value": "#f1933b", "type": "color" }, "label-orange-fgColor-rest": { "key": "{label.orange.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ed8326", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.orange.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.orange.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.orange.fgColor.rest}" }, "name": "label-orange-fgColor-rest", "attributes": {}, "path": ["label", "orange", "fgColor", "rest"], "value": "#ed8326", "type": "color" }, "label-pine-bgColor-active": { "key": "{label.pine.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#0e4430", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pine.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pine.bgColor.active}" }, "name": "label-pine-bgColor-active", "attributes": {}, "path": ["label", "pine", "bgColor", "active"], "value": "#0e4430", "type": "color" }, "label-pine-bgColor-hover": { "key": "{label.pine.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#0b3224", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pine.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pine.bgColor.hover}" }, "name": "label-pine-bgColor-hover", "attributes": {}, "path": ["label", "pine", "bgColor", "hover"], "value": "#0b3224", "type": "color" }, "label-pine-bgColor-rest": { "key": "{label.pine.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#082119", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pine.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pine.bgColor.rest}" }, "name": "label-pine-bgColor-rest", "attributes": {}, "path": ["label", "pine", "bgColor", "rest"], "value": "#082119", "type": "color" }, "label-pine-borderColor": { "key": "{label.pine.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#1bb673", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.pine.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.pine.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.pine.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.pine.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.pine.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.pine.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.pine.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pine.borderColor}" }, "name": "label-pine-borderColor", "attributes": {}, "path": ["label", "pine", "borderColor"], "value": "#00000000", "type": "color" }, "label-pine-fgColor-active": { "key": "{label.pine.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1bda81", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pine.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pine.fgColor.active}" }, "name": "label-pine-fgColor-active", "attributes": {}, "path": ["label", "pine", "fgColor", "active"], "value": "#1bda81", "type": "color" }, "label-pine-fgColor-hover": { "key": "{label.pine.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1ac176", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pine.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pine.fgColor.hover}" }, "name": "label-pine-fgColor-hover", "attributes": {}, "path": ["label", "pine", "fgColor", "hover"], "value": "#1ac176", "type": "color" }, "label-pine-fgColor-rest": { "key": "{label.pine.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1bb673", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pine.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pine.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pine.fgColor.rest}" }, "name": "label-pine-fgColor-rest", "attributes": {}, "path": ["label", "pine", "fgColor", "rest"], "value": "#1bb673", "type": "color" }, "label-pink-bgColor-active": { "key": "{label.pink.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#65244a", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pink.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pink.bgColor.active}" }, "name": "label-pink-bgColor-active", "attributes": {}, "path": ["label", "pink", "bgColor", "active"], "value": "#65244a", "type": "color" }, "label-pink-bgColor-hover": { "key": "{label.pink.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#451c35", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pink.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pink.bgColor.hover}" }, "name": "label-pink-bgColor-hover", "attributes": {}, "path": ["label", "pink", "bgColor", "hover"], "value": "#451c35", "type": "color" }, "label-pink-bgColor-rest": { "key": "{label.pink.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2d1524", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pink.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pink.bgColor.rest}" }, "name": "label-pink-bgColor-rest", "attributes": {}, "path": ["label", "pink", "bgColor", "rest"], "value": "#2d1524", "type": "color" }, "label-pink-borderColor": { "key": "{label.pink.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#e57bb2", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.pink.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.pink.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.pink.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.pink.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.pink.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.pink.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.pink.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pink.borderColor}" }, "name": "label-pink-borderColor", "attributes": {}, "path": ["label", "pink", "borderColor"], "value": "#00000000", "type": "color" }, "label-pink-fgColor-active": { "key": "{label.pink.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f4a9cd", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pink.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pink.fgColor.active}" }, "name": "label-pink-fgColor-active", "attributes": {}, "path": ["label", "pink", "fgColor", "active"], "value": "#f4a9cd", "type": "color" }, "label-pink-fgColor-hover": { "key": "{label.pink.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#ec8dbd", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pink.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pink.fgColor.hover}" }, "name": "label-pink-fgColor-hover", "attributes": {}, "path": ["label", "pink", "fgColor", "hover"], "value": "#ec8dbd", "type": "color" }, "label-pink-fgColor-rest": { "key": "{label.pink.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#e57bb2", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.pink.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.pink.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.pink.fgColor.rest}" }, "name": "label-pink-fgColor-rest", "attributes": {}, "path": ["label", "pink", "fgColor", "rest"], "value": "#e57bb2", "type": "color" }, "label-plum-bgColor-active": { "key": "{label.plum.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#5c1688", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.plum.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.plum.bgColor.active}" }, "name": "label-plum-bgColor-active", "attributes": {}, "path": ["label", "plum", "bgColor", "active"], "value": "#5c1688", "type": "color" }, "label-plum-bgColor-hover": { "key": "{label.plum.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#40125e", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.plum.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.plum.bgColor.hover}" }, "name": "label-plum-bgColor-hover", "attributes": {}, "path": ["label", "plum", "bgColor", "hover"], "value": "#40125e", "type": "color" }, "label-plum-bgColor-rest": { "key": "{label.plum.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2a0e3f", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.plum.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.plum.bgColor.rest}" }, "name": "label-plum-bgColor-rest", "attributes": {}, "path": ["label", "plum", "bgColor", "rest"], "value": "#2a0e3f", "type": "color" }, "label-plum-borderColor": { "key": "{label.plum.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#d07ef7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.plum.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.plum.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.plum.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.plum.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.plum.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.plum.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.plum.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.plum.borderColor}" }, "name": "label-plum-borderColor", "attributes": {}, "path": ["label", "plum", "borderColor"], "value": "#00000000", "type": "color" }, "label-plum-fgColor-active": { "key": "{label.plum.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#e4a5fd", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.plum.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.plum.fgColor.active}" }, "name": "label-plum-fgColor-active", "attributes": {}, "path": ["label", "plum", "fgColor", "active"], "value": "#e4a5fd", "type": "color" }, "label-plum-fgColor-hover": { "key": "{label.plum.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#d889fa", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.plum.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.plum.fgColor.hover}" }, "name": "label-plum-fgColor-hover", "attributes": {}, "path": ["label", "plum", "fgColor", "hover"], "value": "#d889fa", "type": "color" }, "label-plum-fgColor-rest": { "key": "{label.plum.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#d07ef7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.plum.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.plum.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.plum.fgColor.rest}" }, "name": "label-plum-fgColor-rest", "attributes": {}, "path": ["label", "plum", "fgColor", "rest"], "value": "#d07ef7", "type": "color" }, "label-purple-bgColor-active": { "key": "{label.purple.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#481a9e", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.purple.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.purple.bgColor.active}" }, "name": "label-purple-bgColor-active", "attributes": {}, "path": ["label", "purple", "bgColor", "active"], "value": "#481a9e", "type": "color" }, "label-purple-bgColor-hover": { "key": "{label.purple.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#31146b", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.purple.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.purple.bgColor.hover}" }, "name": "label-purple-bgColor-hover", "attributes": {}, "path": ["label", "purple", "bgColor", "hover"], "value": "#31146b", "type": "color" }, "label-purple-bgColor-rest": { "key": "{label.purple.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#211047", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.purple.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.purple.bgColor.rest}" }, "name": "label-purple-bgColor-rest", "attributes": {}, "path": ["label", "purple", "bgColor", "rest"], "value": "#211047", "type": "color" }, "label-purple-borderColor": { "key": "{label.purple.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#b687f7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.purple.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.purple.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.purple.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.purple.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.purple.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.purple.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.purple.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.purple.borderColor}" }, "name": "label-purple-borderColor", "attributes": {}, "path": ["label", "purple", "borderColor"], "value": "#00000000", "type": "color" }, "label-purple-fgColor-active": { "key": "{label.purple.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#d2affd", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.purple.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.purple.fgColor.active}" }, "name": "label-purple-fgColor-active", "attributes": {}, "path": ["label", "purple", "fgColor", "active"], "value": "#d2affd", "type": "color" }, "label-purple-fgColor-hover": { "key": "{label.purple.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#c398fb", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.purple.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.purple.fgColor.hover}" }, "name": "label-purple-fgColor-hover", "attributes": {}, "path": ["label", "purple", "fgColor", "hover"], "value": "#c398fb", "type": "color" }, "label-purple-fgColor-rest": { "key": "{label.purple.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#b687f7", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.purple.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.purple.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.purple.fgColor.rest}" }, "name": "label-purple-fgColor-rest", "attributes": {}, "path": ["label", "purple", "fgColor", "rest"], "value": "#b687f7", "type": "color" }, "label-red-bgColor-active": { "key": "{label.red.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#790c20", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.red.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.red.bgColor.active}" }, "name": "label-red-bgColor-active", "attributes": {}, "path": ["label", "red", "bgColor", "active"], "value": "#790c20", "type": "color" }, "label-red-bgColor-hover": { "key": "{label.red.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#58091a", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.red.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.red.bgColor.hover}" }, "name": "label-red-bgColor-hover", "attributes": {}, "path": ["label", "red", "bgColor", "hover"], "value": "#58091a", "type": "color" }, "label-red-bgColor-rest": { "key": "{label.red.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#3c0614", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.red.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.red.bgColor.rest}" }, "name": "label-red-bgColor-rest", "attributes": {}, "path": ["label", "red", "bgColor", "rest"], "value": "#3c0614", "type": "color" }, "label-red-borderColor": { "key": "{label.red.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#f27d83", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.red.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.red.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.red.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.red.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.red.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.red.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.red.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.red.borderColor}" }, "name": "label-red-borderColor", "attributes": {}, "path": ["label", "red", "borderColor"], "value": "#00000000", "type": "color" }, "label-red-fgColor-active": { "key": "{label.red.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f7adab", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.red.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.red.fgColor.active}" }, "name": "label-red-fgColor-active", "attributes": {}, "path": ["label", "red", "fgColor", "active"], "value": "#f7adab", "type": "color" }, "label-red-fgColor-hover": { "key": "{label.red.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f48b8d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.red.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.red.fgColor.hover}" }, "name": "label-red-fgColor-hover", "attributes": {}, "path": ["label", "red", "fgColor", "hover"], "value": "#f48b8d", "type": "color" }, "label-red-fgColor-rest": { "key": "{label.red.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#f27d83", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.red.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.red.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.red.fgColor.rest}" }, "name": "label-red-fgColor-rest", "attributes": {}, "path": ["label", "red", "fgColor", "rest"], "value": "#f27d83", "type": "color" }, "label-teal-bgColor-active": { "key": "{label.teal.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#0a464d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.teal.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.teal.bgColor.active}" }, "name": "label-teal-bgColor-active", "attributes": {}, "path": ["label", "teal", "bgColor", "active"], "value": "#0a464d", "type": "color" }, "label-teal-bgColor-hover": { "key": "{label.teal.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#073036", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.teal.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.teal.bgColor.hover}" }, "name": "label-teal-bgColor-hover", "attributes": {}, "path": ["label", "teal", "bgColor", "hover"], "value": "#073036", "type": "color" }, "label-teal-bgColor-rest": { "key": "{label.teal.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#041f25", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.teal.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.teal.bgColor.rest}" }, "name": "label-teal-bgColor-rest", "attributes": {}, "path": ["label", "teal", "bgColor", "rest"], "value": "#041f25", "type": "color" }, "label-teal-borderColor": { "key": "{label.teal.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#1cb0ab", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.teal.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.teal.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.teal.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.teal.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.teal.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.teal.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.teal.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.teal.borderColor}" }, "name": "label-teal-borderColor", "attributes": {}, "path": ["label", "teal", "borderColor"], "value": "#00000000", "type": "color" }, "label-teal-fgColor-active": { "key": "{label.teal.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#24d6c4", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.teal.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.teal.fgColor.active}" }, "name": "label-teal-fgColor-active", "attributes": {}, "path": ["label", "teal", "fgColor", "active"], "value": "#24d6c4", "type": "color" }, "label-teal-fgColor-hover": { "key": "{label.teal.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1fbdb2", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.teal.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.teal.fgColor.hover}" }, "name": "label-teal-fgColor-hover", "attributes": {}, "path": ["label", "teal", "fgColor", "hover"], "value": "#1fbdb2", "type": "color" }, "label-teal-fgColor-rest": { "key": "{label.teal.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1cb0ab", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.teal.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.teal.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.teal.fgColor.rest}" }, "name": "label-teal-fgColor-rest", "attributes": {}, "path": ["label", "teal", "fgColor", "rest"], "value": "#1cb0ab", "type": "color" }, "label-yellow-bgColor-active": { "key": "{label.yellow.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#5a3702", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.yellow.2}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.yellow.bgColor.active}" }, "name": "label-yellow-bgColor-active", "attributes": {}, "path": ["label", "yellow", "bgColor", "active"], "value": "#5a3702", "type": "color" }, "label-yellow-bgColor-hover": { "key": "{label.yellow.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#3d2401", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.1}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.yellow.1}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.yellow.bgColor.hover}" }, "name": "label-yellow-bgColor-hover", "attributes": {}, "path": ["label", "yellow", "bgColor", "hover"], "value": "#3d2401", "type": "color" }, "label-yellow-bgColor-rest": { "key": "{label.yellow.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#2e1a00", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.yellow.0}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.yellow.bgColor.rest}" }, "name": "label-yellow-bgColor-rest", "attributes": {}, "path": ["label", "yellow", "bgColor", "rest"], "value": "#2e1a00", "type": "color" }, "label-yellow-borderColor": { "key": "{label.yellow.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#00000000", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#d3910d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.transparent}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{label.yellow.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{label.yellow.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{label.yellow.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{label.yellow.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{label.yellow.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{label.yellow.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{label.yellow.fgColor.rest}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.yellow.borderColor}" }, "name": "label-yellow-borderColor", "attributes": {}, "path": ["label", "yellow", "borderColor"], "value": "#00000000", "type": "color" }, "label-yellow-fgColor-active": { "key": "{label.yellow.fgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#edb431", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.yellow.8}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.yellow.fgColor.active}" }, "name": "label-yellow-fgColor-active", "attributes": {}, "path": ["label", "yellow", "fgColor", "active"], "value": "#edb431", "type": "color" }, "label-yellow-fgColor-hover": { "key": "{label.yellow.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#df9e11", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.7}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.yellow.7}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.yellow.fgColor.hover}" }, "name": "label-yellow-fgColor-hover", "attributes": {}, "path": ["label", "yellow", "fgColor", "hover"], "value": "#df9e11", "type": "color" }, "label-yellow-fgColor-rest": { "key": "{label.yellow.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#d3910d", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/label.json5", "isSource": true, "original": { "$value": "{base.display.color.yellow.6}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.display.color.yellow.6}", "filePath": "src/tokens/component/label.json5", "isSource": true, "$type": "color" } } }, "key": "{label.yellow.fgColor.rest}" }, "name": "label-yellow-fgColor-rest", "attributes": {}, "path": ["label", "yellow", "fgColor", "rest"], "value": "#d3910d", "type": "color" }, "menu-bgColor-active": { "key": "{menu.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#151b23", "filePath": "src/tokens/component/menu.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/menu.json5", "isSource": true, "original": { "$value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.2}", "filePath": "src/tokens/component/menu.json5", "isSource": true, "$type": "color" } } }, "key": "{menu.bgColor.active}" }, "name": "menu-bgColor-active", "attributes": {}, "path": ["menu", "bgColor", "active"], "value": "#151b23", "type": "color" }, "overlay-backdrop-bgColor": { "key": "{overlay.backdrop.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#212830", "dark-dimmed": "#262c36", "light-high-contrast": "#d1d7e0", "light-protanopia-deuteranopia-high-contrast": "#d1d7e0", "light-tritanopia-high-contrast": "#d1d7e0", "dark-high-contrast": "#d1d7e0", "dark-dimmed-high-contrast": "#9198a1", "dark-protanopia-deuteranopia-high-contrast": "#d1d7e0", "dark-tritanopia-high-contrast": "#d1d7e0" } }, "alpha": 0.4, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "original": { "$value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.3}", "dark-dimmed": "{base.color.neutral.4}", "light-high-contrast": "{base.color.neutral.11}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}", "light-tritanopia-high-contrast": "{base.color.neutral.11}", "dark-high-contrast": "{base.color.neutral.11}", "dark-dimmed-high-contrast": "{base.color.neutral.9}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}", "dark-tritanopia-high-contrast": "{base.color.neutral.11}" } }, "alpha": 0.4, "key": "{overlay.backdrop.bgColor}" }, "name": "overlay-backdrop-bgColor", "attributes": {}, "path": ["overlay", "backdrop", "bgColor"], "value": "#21283066", "type": "color" }, "overlay-bgColor": { "key": "{overlay.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-dimmed": "#2a313c", "dark-dimmed-high-contrast": "#262c36" } }, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "original": { "$value": "{base.color.neutral.0}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-dimmed": "{base.color.neutral.5}", "dark-dimmed-high-contrast": "{base.color.neutral.4}" } }, "key": "{overlay.bgColor}" }, "name": "overlay-bgColor", "attributes": {}, "path": ["overlay", "bgColor"], "value": "#010409", "type": "color" }, "overlay-borderColor": { "key": "{overlay.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)" }, "org.primer.overrides": { "dark": { "alpha": 1, "$value": "#3d444db3", "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "#3d444d", "alpha": 0.7, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "alpha": 1, "$value": "#3d444d", "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "alpha": 1, "$value": "#3d444d", "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "alpha": 1, "$value": "#3d444d", "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#3d444d", "alpha": 1, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" } } }, "alpha": 1, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "original": { "$value": "{borderColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)" }, "org.primer.overrides": { "dark": { "alpha": 1, "$value": "{borderColor.muted}", "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": "{base.color.neutral.7}", "alpha": 0.7, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "alpha": 1, "$value": "{borderColor.default}", "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "alpha": 1, "$value": "{borderColor.default}", "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "alpha": 1, "$value": "{borderColor.default}", "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{borderColor.default}", "alpha": 1, "filePath": "src/tokens/component/overlay.json5", "isSource": true, "$type": "color" } } }, "alpha": 1, "key": "{overlay.borderColor}" }, "name": "overlay-borderColor", "attributes": {}, "path": ["overlay", "borderColor"], "value": "#3d444db3", "type": "color" }, "page-header-bgColor": { "key": "{page.header.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#0d1117" } }, "filePath": "src/tokens/component/page.json5", "isSource": true, "original": { "$value": "{bgColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{bgColor.default}" } }, "key": "{page.header.bgColor}" }, "name": "page-header-bgColor", "attributes": {}, "path": ["page", "header", "bgColor"], "value": "#0d1117", "type": "color" }, "prettylights-syntax-bracketHighlighterAngle": { "key": "{prettylights.syntax.bracketHighlighterAngle}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#9198a1" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.9}", "$type": "color", "$description": "Syntax highlighting color for angle brackets", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.9}" } }, "key": "{prettylights.syntax.bracketHighlighterAngle}" }, "name": "prettylights-syntax-bracketHighlighterAngle", "attributes": {}, "path": ["prettylights", "syntax", "bracketHighlighterAngle"], "value": "#9198a1", "type": "color", "description": "Syntax highlighting color for angle brackets" }, "prettylights-syntax-bracketHighlighterUnmatched": { "key": "{prettylights.syntax.bracketHighlighterUnmatched}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#f85149", "dark-protanopia-deuteranopia": "#db6d28", "dark-protanopia-deuteranopia-high-contrast": "#db6d28", "light-protanopia-deuteranopia": "#762d0a", "light-protanopia-deuteranopia-high-contrast": "#762d0a" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.red.4}", "$type": "color", "$description": "Syntax highlighting color for unmatched brackets", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.red.4}", "dark-protanopia-deuteranopia": "{base.color.orange.4}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.4}", "light-protanopia-deuteranopia": "{base.color.orange.7}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}" } }, "key": "{prettylights.syntax.bracketHighlighterUnmatched}" }, "name": "prettylights-syntax-bracketHighlighterUnmatched", "attributes": {}, "path": ["prettylights", "syntax", "bracketHighlighterUnmatched"], "value": "#f85149", "type": "color", "description": "Syntax highlighting color for unmatched brackets" }, "prettylights-syntax-brackethighlighter-angle": { "key": "{prettylights.syntax.brackethighlighter.angle}", "$deprecated": "#9198a1", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.bracketHighlighterAngle}", "$type": "color", "$deprecated": "{prettylights.syntax.bracketHighlighterAngle}", "$description": "Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.brackethighlighter.angle}" }, "name": "prettylights-syntax-brackethighlighter-angle", "attributes": {}, "path": ["prettylights", "syntax", "brackethighlighter", "angle"], "value": "#9198a1", "type": "color", "description": "Deprecated. Use prettylights.syntax.bracketHighlighterAngle instead." }, "prettylights-syntax-brackethighlighter-unmatched": { "key": "{prettylights.syntax.brackethighlighter.unmatched}", "$deprecated": "#f85149", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.bracketHighlighterUnmatched}", "$type": "color", "$deprecated": "{prettylights.syntax.bracketHighlighterUnmatched}", "$description": "Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.brackethighlighter.unmatched}" }, "name": "prettylights-syntax-brackethighlighter-unmatched", "attributes": {}, "path": ["prettylights", "syntax", "brackethighlighter", "unmatched"], "value": "#f85149", "type": "color", "description": "Deprecated. Use prettylights.syntax.bracketHighlighterUnmatched instead." }, "prettylights-syntax-carriage-return-bg": { "key": "{prettylights.syntax.carriage.return.bg}", "$deprecated": "#b62324", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.carriageReturn.bg}", "$type": "color", "$deprecated": "{prettylights.syntax.carriageReturn.bg}", "$description": "Deprecated. Use prettylights.syntax.carriageReturn.bg instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.carriage.return.bg}" }, "name": "prettylights-syntax-carriage-return-bg", "attributes": {}, "path": ["prettylights", "syntax", "carriage", "return", "bg"], "value": "#b62324", "type": "color", "description": "Deprecated. Use prettylights.syntax.carriageReturn.bg instead." }, "prettylights-syntax-carriage-return-text": { "key": "{prettylights.syntax.carriage.return.text}", "$deprecated": "#f0f6fc", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.carriageReturn.text}", "$type": "color", "$deprecated": "{prettylights.syntax.carriageReturn.text}", "$description": "Deprecated. Use prettylights.syntax.carriageReturn.text instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.carriage.return.text}" }, "name": "prettylights-syntax-carriage-return-text", "attributes": {}, "path": ["prettylights", "syntax", "carriage", "return", "text"], "value": "#f0f6fc", "type": "color", "description": "Deprecated. Use prettylights.syntax.carriageReturn.text instead." }, "prettylights-syntax-carriageReturn-bg": { "key": "{prettylights.syntax.carriageReturn.bg}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#b62324", "dark-protanopia-deuteranopia": "#9b4215", "dark-protanopia-deuteranopia-high-contrast": "#9b4215", "light-protanopia-deuteranopia": "#bd561d", "light-protanopia-deuteranopia-high-contrast": "#bd561d" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.red.6}", "$type": "color", "$description": "Background color for carriage return characters in diffs", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.red.6}", "dark-protanopia-deuteranopia": "{base.color.orange.6}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.6}", "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}" } }, "key": "{prettylights.syntax.carriageReturn.bg}" }, "name": "prettylights-syntax-carriageReturn-bg", "attributes": {}, "path": ["prettylights", "syntax", "carriageReturn", "bg"], "value": "#b62324", "type": "color", "description": "Background color for carriage return characters in diffs" }, "prettylights-syntax-carriageReturn-text": { "key": "{prettylights.syntax.carriageReturn.text}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$description": "Text color for carriage return characters in diffs", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.12}" } }, "key": "{prettylights.syntax.carriageReturn.text}" }, "name": "prettylights-syntax-carriageReturn-text", "attributes": {}, "path": ["prettylights", "syntax", "carriageReturn", "text"], "value": "#f0f6fc", "type": "color", "description": "Text color for carriage return characters in diffs" }, "prettylights-syntax-comment": { "key": "{prettylights.syntax.comment}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#9198a1" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.9}", "$type": "color", "$description": "Syntax highlighting color for code comments", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.9}" } }, "key": "{prettylights.syntax.comment}" }, "name": "prettylights-syntax-comment", "attributes": {}, "path": ["prettylights", "syntax", "comment"], "value": "#9198a1", "type": "color", "description": "Syntax highlighting color for code comments" }, "prettylights-syntax-constant": { "key": "{prettylights.syntax.constant}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#79c0ff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.blue.2}", "$type": "color", "$description": "Syntax highlighting color for constants and literal values", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.blue.2}" } }, "key": "{prettylights.syntax.constant}" }, "name": "prettylights-syntax-constant", "attributes": {}, "path": ["prettylights", "syntax", "constant"], "value": "#79c0ff", "type": "color", "description": "Syntax highlighting color for constants and literal values" }, "prettylights-syntax-constant-other-reference-link": { "key": "{prettylights.syntax.constant-other-reference-link}", "$deprecated": "#a5d6ff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.constantOtherReferenceLink}", "$type": "color", "$deprecated": "{prettylights.syntax.constantOtherReferenceLink}", "$description": "Deprecated. Use prettylights.syntax.constantOtherReferenceLink instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.constant-other-reference-link}" }, "name": "prettylights-syntax-constant-other-reference-link", "attributes": {}, "path": ["prettylights", "syntax", "constant-other-reference-link"], "value": "#a5d6ff", "type": "color", "description": "Deprecated. Use prettylights.syntax.constantOtherReferenceLink instead." }, "prettylights-syntax-constantOtherReferenceLink": { "key": "{prettylights.syntax.constantOtherReferenceLink}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#a5d6ff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.blue.1}", "$type": "color", "$description": "Syntax highlighting color for reference links and URLs in code", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.blue.1}" } }, "key": "{prettylights.syntax.constantOtherReferenceLink}" }, "name": "prettylights-syntax-constantOtherReferenceLink", "attributes": {}, "path": ["prettylights", "syntax", "constantOtherReferenceLink"], "value": "#a5d6ff", "type": "color", "description": "Syntax highlighting color for reference links and URLs in code" }, "prettylights-syntax-entity": { "key": "{prettylights.syntax.entity}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#d2a8ff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.purple.2}", "$type": "color", "$description": "Syntax highlighting color for class names, type definitions, and declarations", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.purple.2}" } }, "key": "{prettylights.syntax.entity}" }, "name": "prettylights-syntax-entity", "attributes": {}, "path": ["prettylights", "syntax", "entity"], "value": "#d2a8ff", "type": "color", "description": "Syntax highlighting color for class names, type definitions, and declarations" }, "prettylights-syntax-entity-tag": { "key": "{prettylights.syntax.entity-tag}", "$deprecated": "#7ee787", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.entityTag}", "$type": "color", "$deprecated": "{prettylights.syntax.entityTag}", "$description": "Deprecated. Use prettylights.syntax.entityTag instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.entity-tag}" }, "name": "prettylights-syntax-entity-tag", "attributes": {}, "path": ["prettylights", "syntax", "entity-tag"], "value": "#7ee787", "type": "color", "description": "Deprecated. Use prettylights.syntax.entityTag instead." }, "prettylights-syntax-entityTag": { "key": "{prettylights.syntax.entityTag}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#7ee787", "dark-tritanopia": "#a5d6ff", "dark-tritanopia-high-contrast": "#a5d6ff", "dark-protanopia-deuteranopia": "#a5d6ff", "dark-protanopia-deuteranopia-high-contrast": "#a5d6ff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.green.1}", "$type": "color", "$description": "Syntax highlighting color for HTML/XML tags", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.green.1}", "dark-tritanopia": "{base.color.blue.1}", "dark-tritanopia-high-contrast": "{base.color.blue.1}", "dark-protanopia-deuteranopia": "{base.color.blue.1}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}" } }, "key": "{prettylights.syntax.entityTag}" }, "name": "prettylights-syntax-entityTag", "attributes": {}, "path": ["prettylights", "syntax", "entityTag"], "value": "#7ee787", "type": "color", "description": "Syntax highlighting color for HTML/XML tags" }, "prettylights-syntax-invalid-illegal-bg": { "key": "{prettylights.syntax.invalid.illegal.bg}", "$deprecated": "#f851491a", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.invalidIllegal.bg}", "$type": "color", "$deprecated": "{prettylights.syntax.invalidIllegal.bg}", "$description": "Deprecated. Use prettylights.syntax.invalidIllegal.bg instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.invalid.illegal.bg}" }, "name": "prettylights-syntax-invalid-illegal-bg", "attributes": {}, "path": ["prettylights", "syntax", "invalid", "illegal", "bg"], "value": "#f851491a", "type": "color", "description": "Deprecated. Use prettylights.syntax.invalidIllegal.bg instead." }, "prettylights-syntax-invalid-illegal-text": { "key": "{prettylights.syntax.invalid.illegal.text}", "$deprecated": "#f85149", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.invalidIllegal.text}", "$type": "color", "$deprecated": "{prettylights.syntax.invalidIllegal.text}", "$description": "Deprecated. Use prettylights.syntax.invalidIllegal.text instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.invalid.illegal.text}" }, "name": "prettylights-syntax-invalid-illegal-text", "attributes": {}, "path": ["prettylights", "syntax", "invalid", "illegal", "text"], "value": "#f85149", "type": "color", "description": "Deprecated. Use prettylights.syntax.invalidIllegal.text instead." }, "prettylights-syntax-invalidIllegal-bg": { "key": "{prettylights.syntax.invalidIllegal.bg}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{bgColor.danger.muted}", "$type": "color", "$description": "Background color for invalid or illegal code syntax", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.invalidIllegal.bg}" }, "name": "prettylights-syntax-invalidIllegal-bg", "attributes": {}, "path": ["prettylights", "syntax", "invalidIllegal", "bg"], "value": "#f851491a", "type": "color", "description": "Background color for invalid or illegal code syntax" }, "prettylights-syntax-invalidIllegal-text": { "key": "{prettylights.syntax.invalidIllegal.text}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{fgColor.danger}", "$type": "color", "$description": "Text color for invalid or illegal code syntax", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.invalidIllegal.text}" }, "name": "prettylights-syntax-invalidIllegal-text", "attributes": {}, "path": ["prettylights", "syntax", "invalidIllegal", "text"], "value": "#f85149", "type": "color", "description": "Text color for invalid or illegal code syntax" }, "prettylights-syntax-keyword": { "key": "{prettylights.syntax.keyword}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#ff7b72", "dark-protanopia-deuteranopia": "#f0883e", "dark-protanopia-deuteranopia-high-contrast": "#f0883e", "light-protanopia-deuteranopia": "#bd561d", "light-protanopia-deuteranopia-high-contrast": "#bd561d" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.red.3}", "$type": "color", "$description": "Syntax highlighting color for language keywords (if, else, return)", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.red.3}", "dark-protanopia-deuteranopia": "{base.color.orange.3}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.3}", "light-protanopia-deuteranopia": "{base.color.orange.5}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.5}" } }, "key": "{prettylights.syntax.keyword}" }, "name": "prettylights-syntax-keyword", "attributes": {}, "path": ["prettylights", "syntax", "keyword"], "value": "#ff7b72", "type": "color", "description": "Syntax highlighting color for language keywords (if, else, return)" }, "prettylights-syntax-markup-bold": { "key": "{prettylights.syntax.markup.bold}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$description": "Syntax highlighting color for bold text in markdown", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.12}" } }, "key": "{prettylights.syntax.markup.bold}" }, "name": "prettylights-syntax-markup-bold", "attributes": {}, "path": ["prettylights", "syntax", "markup", "bold"], "value": "#f0f6fc", "type": "color", "description": "Syntax highlighting color for bold text in markdown" }, "prettylights-syntax-markup-changed-bg": { "key": "{prettylights.syntax.markup.changed.bg}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#5a1e02", "dark-tritanopia": "#67060c", "dark-tritanopia-high-contrast": "#67060c", "light-tritanopia": "#ffc1ba", "light-tritanopia-high-contrast": "#ffc1ba" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.orange.8}", "$type": "color", "$description": "Background color for changed lines in diff views", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.orange.8}", "dark-tritanopia": "{base.color.red.8}", "dark-tritanopia-high-contrast": "{base.color.red.8}", "light-tritanopia": "{base.color.red.1}", "light-tritanopia-high-contrast": "{base.color.red.1}" } }, "key": "{prettylights.syntax.markup.changed.bg}" }, "name": "prettylights-syntax-markup-changed-bg", "attributes": {}, "path": ["prettylights", "syntax", "markup", "changed", "bg"], "value": "#5a1e02", "type": "color", "description": "Background color for changed lines in diff views" }, "prettylights-syntax-markup-changed-text": { "key": "{prettylights.syntax.markup.changed.text}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#ffdfb6", "dark-tritanopia": "#ffdcd7", "dark-tritanopia-high-contrast": "#ffdcd7", "light-tritanopia": "#b62324", "light-tritanopia-high-contrast": "#b62324" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.orange.0}", "$type": "color", "$description": "Text color for changed lines in diff views", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.orange.0}", "dark-tritanopia": "{base.color.red.0}", "dark-tritanopia-high-contrast": "{base.color.red.0}", "light-tritanopia": "{base.color.red.6}", "light-tritanopia-high-contrast": "{base.color.red.6}" } }, "key": "{prettylights.syntax.markup.changed.text}" }, "name": "prettylights-syntax-markup-changed-text", "attributes": {}, "path": ["prettylights", "syntax", "markup", "changed", "text"], "value": "#ffdfb6", "type": "color", "description": "Text color for changed lines in diff views" }, "prettylights-syntax-markup-deleted-bg": { "key": "{prettylights.syntax.markup.deleted.bg}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#67060c", "dark-protanopia-deuteranopia": "#5a1e02", "dark-protanopia-deuteranopia-high-contrast": "#5a1e02", "light-protanopia-deuteranopia": "#ffdfb6", "light-protanopia-deuteranopia-high-contrast": "#ffdfb6" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.red.8}", "$type": "color", "$description": "Background color for deleted lines in diff views", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.red.8}", "dark-protanopia-deuteranopia": "{base.color.orange.8}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.8}", "light-protanopia-deuteranopia": "{base.color.orange.0}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.0}" } }, "key": "{prettylights.syntax.markup.deleted.bg}" }, "name": "prettylights-syntax-markup-deleted-bg", "attributes": {}, "path": ["prettylights", "syntax", "markup", "deleted", "bg"], "value": "#67060c", "type": "color", "description": "Background color for deleted lines in diff views" }, "prettylights-syntax-markup-deleted-text": { "key": "{prettylights.syntax.markup.deleted.text}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#ffdcd7", "dark-protanopia-deuteranopia": "#ffdfb6", "dark-protanopia-deuteranopia-high-contrast": "#ffdfb6", "light-protanopia-deuteranopia": "#762d0a", "light-protanopia-deuteranopia-high-contrast": "#762d0a" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.red.0}", "$type": "color", "$description": "Text color for deleted lines in diff views", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.red.0}", "dark-protanopia-deuteranopia": "{base.color.orange.0}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.orange.0}", "light-protanopia-deuteranopia": "{base.color.orange.7}", "light-protanopia-deuteranopia-high-contrast": "{base.color.orange.7}" } }, "key": "{prettylights.syntax.markup.deleted.text}" }, "name": "prettylights-syntax-markup-deleted-text", "attributes": {}, "path": ["prettylights", "syntax", "markup", "deleted", "text"], "value": "#ffdcd7", "type": "color", "description": "Text color for deleted lines in diff views" }, "prettylights-syntax-markup-heading": { "key": "{prettylights.syntax.markup.heading}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#1f6feb" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.blue.5}", "$type": "color", "$description": "Syntax highlighting color for headings in markdown", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.blue.5}" } }, "key": "{prettylights.syntax.markup.heading}" }, "name": "prettylights-syntax-markup-heading", "attributes": {}, "path": ["prettylights", "syntax", "markup", "heading"], "value": "#1f6feb", "type": "color", "description": "Syntax highlighting color for headings in markdown" }, "prettylights-syntax-markup-ignored-bg": { "key": "{prettylights.syntax.markup.ignored.bg}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#1158c7" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.blue.6}", "$type": "color", "$description": "Background color for ignored content in diffs", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.blue.6}" } }, "key": "{prettylights.syntax.markup.ignored.bg}" }, "name": "prettylights-syntax-markup-ignored-bg", "attributes": {}, "path": ["prettylights", "syntax", "markup", "ignored", "bg"], "value": "#1158c7", "type": "color", "description": "Background color for ignored content in diffs" }, "prettylights-syntax-markup-ignored-text": { "key": "{prettylights.syntax.markup.ignored.text}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$description": "Text color for ignored content in diffs", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.12}" } }, "key": "{prettylights.syntax.markup.ignored.text}" }, "name": "prettylights-syntax-markup-ignored-text", "attributes": {}, "path": ["prettylights", "syntax", "markup", "ignored", "text"], "value": "#f0f6fc", "type": "color", "description": "Text color for ignored content in diffs" }, "prettylights-syntax-markup-inserted-bg": { "key": "{prettylights.syntax.markup.inserted.bg}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#033a16", "dark-tritanopia": "#0c2d6b", "dark-tritanopia-high-contrast": "#0c2d6b", "light-tritanopia": "#cae8ff", "light-tritanopia-high-contrast": "#cae8ff", "dark-protanopia-deuteranopia": "#0c2d6b", "dark-protanopia-deuteranopia-high-contrast": "#0c2d6b", "light-protanopia-deuteranopia": "#cae8ff", "light-protanopia-deuteranopia-high-contrast": "#cae8ff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.green.8}", "$type": "color", "$description": "Background color for inserted lines in diff views", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.green.8}", "dark-tritanopia": "{base.color.blue.8}", "dark-tritanopia-high-contrast": "{base.color.blue.8}", "light-tritanopia": "{base.color.blue.0}", "light-tritanopia-high-contrast": "{base.color.blue.0}", "dark-protanopia-deuteranopia": "{base.color.blue.8}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.8}", "light-protanopia-deuteranopia": "{base.color.blue.0}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.0}" } }, "key": "{prettylights.syntax.markup.inserted.bg}" }, "name": "prettylights-syntax-markup-inserted-bg", "attributes": {}, "path": ["prettylights", "syntax", "markup", "inserted", "bg"], "value": "#033a16", "type": "color", "description": "Background color for inserted lines in diff views" }, "prettylights-syntax-markup-inserted-text": { "key": "{prettylights.syntax.markup.inserted.text}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#aff5b4", "dark-tritanopia": "#cae8ff", "dark-tritanopia-high-contrast": "#cae8ff", "light-tritanopia": "#1158c7", "light-tritanopia-high-contrast": "#1158c7", "dark-protanopia-deuteranopia": "#cae8ff", "dark-protanopia-deuteranopia-high-contrast": "#cae8ff", "light-protanopia-deuteranopia": "#1158c7", "light-protanopia-deuteranopia-high-contrast": "#1158c7" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.green.0}", "$type": "color", "$description": "Text color for inserted lines in diff views", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.green.0}", "dark-tritanopia": "{base.color.blue.0}", "dark-tritanopia-high-contrast": "{base.color.blue.0}", "light-tritanopia": "{base.color.blue.6}", "light-tritanopia-high-contrast": "{base.color.blue.6}", "dark-protanopia-deuteranopia": "{base.color.blue.0}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.0}", "light-protanopia-deuteranopia": "{base.color.blue.6}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.6}" } }, "key": "{prettylights.syntax.markup.inserted.text}" }, "name": "prettylights-syntax-markup-inserted-text", "attributes": {}, "path": ["prettylights", "syntax", "markup", "inserted", "text"], "value": "#aff5b4", "type": "color", "description": "Text color for inserted lines in diff views" }, "prettylights-syntax-markup-italic": { "key": "{prettylights.syntax.markup.italic}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$description": "Syntax highlighting color for italic text in markdown", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.12}" } }, "key": "{prettylights.syntax.markup.italic}" }, "name": "prettylights-syntax-markup-italic", "attributes": {}, "path": ["prettylights", "syntax", "markup", "italic"], "value": "#f0f6fc", "type": "color", "description": "Syntax highlighting color for italic text in markdown" }, "prettylights-syntax-markup-list": { "key": "{prettylights.syntax.markup.list}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#f2cc60" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.yellow.1}", "$type": "color", "$description": "Syntax highlighting color for list markers in markdown", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.yellow.1}" } }, "key": "{prettylights.syntax.markup.list}" }, "name": "prettylights-syntax-markup-list", "attributes": {}, "path": ["prettylights", "syntax", "markup", "list"], "value": "#f2cc60", "type": "color", "description": "Syntax highlighting color for list markers in markdown" }, "prettylights-syntax-meta-diff-range": { "key": "{prettylights.syntax.meta.diff.range}", "$deprecated": "#d2a8ff", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.metaDiffRange}", "$type": "color", "$deprecated": "{prettylights.syntax.metaDiffRange}", "$description": "Deprecated. Use prettylights.syntax.metaDiffRange instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.meta.diff.range}" }, "name": "prettylights-syntax-meta-diff-range", "attributes": {}, "path": ["prettylights", "syntax", "meta", "diff", "range"], "value": "#d2a8ff", "type": "color", "description": "Deprecated. Use prettylights.syntax.metaDiffRange instead." }, "prettylights-syntax-metaDiffRange": { "key": "{prettylights.syntax.metaDiffRange}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#d2a8ff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.purple.2}", "$type": "color", "$description": "Syntax highlighting color for diff range information (@@ lines)", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.purple.2}" } }, "key": "{prettylights.syntax.metaDiffRange}" }, "name": "prettylights-syntax-metaDiffRange", "attributes": {}, "path": ["prettylights", "syntax", "metaDiffRange"], "value": "#d2a8ff", "type": "color", "description": "Syntax highlighting color for diff range information (@@ lines)" }, "prettylights-syntax-storage-modifier-import": { "key": "{prettylights.syntax.storage.modifier.import}", "$deprecated": "#f0f6fc", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.storageModifierImport}", "$type": "color", "$deprecated": "{prettylights.syntax.storageModifierImport}", "$description": "Deprecated. Use prettylights.syntax.storageModifierImport instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.storage.modifier.import}" }, "name": "prettylights-syntax-storage-modifier-import", "attributes": {}, "path": ["prettylights", "syntax", "storage", "modifier", "import"], "value": "#f0f6fc", "type": "color", "description": "Deprecated. Use prettylights.syntax.storageModifierImport instead." }, "prettylights-syntax-storageModifierImport": { "key": "{prettylights.syntax.storageModifierImport}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#f0f6fc" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$description": "Syntax highlighting color for import and require statements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.12}" } }, "key": "{prettylights.syntax.storageModifierImport}" }, "name": "prettylights-syntax-storageModifierImport", "attributes": {}, "path": ["prettylights", "syntax", "storageModifierImport"], "value": "#f0f6fc", "type": "color", "description": "Syntax highlighting color for import and require statements" }, "prettylights-syntax-string": { "key": "{prettylights.syntax.string}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#a5d6ff" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.blue.1}", "$type": "color", "$description": "Syntax highlighting color for string literals", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.blue.1}" } }, "key": "{prettylights.syntax.string}" }, "name": "prettylights-syntax-string", "attributes": {}, "path": ["prettylights", "syntax", "string"], "value": "#a5d6ff", "type": "color", "description": "Syntax highlighting color for string literals" }, "prettylights-syntax-string-regexp": { "key": "{prettylights.syntax.string-regexp}", "$deprecated": "#7ee787", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.stringRegexp}", "$type": "color", "$deprecated": "{prettylights.syntax.stringRegexp}", "$description": "Deprecated. Use prettylights.syntax.stringRegexp instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.string-regexp}" }, "name": "prettylights-syntax-string-regexp", "attributes": {}, "path": ["prettylights", "syntax", "string-regexp"], "value": "#7ee787", "type": "color", "description": "Deprecated. Use prettylights.syntax.stringRegexp instead." }, "prettylights-syntax-stringRegexp": { "key": "{prettylights.syntax.stringRegexp}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#7ee787", "dark-tritanopia": "#a5d6ff", "dark-tritanopia-high-contrast": "#a5d6ff", "light-tritanopia": "#1158c7", "light-tritanopia-high-contrast": "#1158c7", "dark-protanopia-deuteranopia": "#a5d6ff", "dark-protanopia-deuteranopia-high-contrast": "#a5d6ff", "light-protanopia-deuteranopia": "#1158c7", "light-protanopia-deuteranopia-high-contrast": "#1158c7" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.green.1}", "$type": "color", "$description": "Syntax highlighting color for regular expression literals", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.green.1}", "dark-tritanopia": "{base.color.blue.1}", "dark-tritanopia-high-contrast": "{base.color.blue.1}", "light-tritanopia": "{base.color.blue.6}", "light-tritanopia-high-contrast": "{base.color.blue.6}", "dark-protanopia-deuteranopia": "{base.color.blue.1}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.blue.1}", "light-protanopia-deuteranopia": "{base.color.blue.6}", "light-protanopia-deuteranopia-high-contrast": "{base.color.blue.6}" } }, "key": "{prettylights.syntax.stringRegexp}" }, "name": "prettylights-syntax-stringRegexp", "attributes": {}, "path": ["prettylights", "syntax", "stringRegexp"], "value": "#7ee787", "type": "color", "description": "Syntax highlighting color for regular expression literals" }, "prettylights-syntax-sublimeLinterGutterMark": { "key": "{prettylights.syntax.sublimeLinterGutterMark}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#3d444d" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.neutral.7}", "$type": "color", "$description": "Color for linter gutter marks in code editors", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.neutral.7}" } }, "key": "{prettylights.syntax.sublimeLinterGutterMark}" }, "name": "prettylights-syntax-sublimeLinterGutterMark", "attributes": {}, "path": ["prettylights", "syntax", "sublimeLinterGutterMark"], "value": "#3d444d", "type": "color", "description": "Color for linter gutter marks in code editors" }, "prettylights-syntax-sublimelinter-gutter-mark": { "key": "{prettylights.syntax.sublimelinter.gutter.mark}", "$deprecated": "#3d444d", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{prettylights.syntax.sublimeLinterGutterMark}", "$type": "color", "$deprecated": "{prettylights.syntax.sublimeLinterGutterMark}", "$description": "Deprecated. Use prettylights.syntax.sublimeLinterGutterMark instead.", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" } }, "key": "{prettylights.syntax.sublimelinter.gutter.mark}" }, "name": "prettylights-syntax-sublimelinter-gutter-mark", "attributes": {}, "path": ["prettylights", "syntax", "sublimelinter", "gutter", "mark"], "value": "#3d444d", "type": "color", "description": "Deprecated. Use prettylights.syntax.sublimeLinterGutterMark instead." }, "prettylights-syntax-variable": { "key": "{prettylights.syntax.variable}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "#ffa657", "dark-tritanopia": "#ffa198", "dark-tritanopia-high-contrast": "#ffa198", "light-tritanopia": "#b62324", "light-tritanopia-high-contrast": "#b62324" } }, "filePath": "src/tokens/functional/color/syntax.json5", "isSource": true, "original": { "$value": "{base.color.orange.2}", "$type": "color", "$description": "Syntax highlighting color for variables and parameters", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "syntax" }, "org.primer.overrides": { "dark": "{base.color.orange.2}", "dark-tritanopia": "{base.color.red.2}", "dark-tritanopia-high-contrast": "{base.color.red.2}", "light-tritanopia": "{base.color.red.6}", "light-tritanopia-high-contrast": "{base.color.red.6}" } }, "key": "{prettylights.syntax.variable}" }, "name": "prettylights-syntax-variable", "attributes": {}, "path": ["prettylights", "syntax", "variable"], "value": "#ffa657", "type": "color", "description": "Syntax highlighting color for variables and parameters" }, "progressBar-bgColor-accent": { "key": "{progressBar.bgColor.accent}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/progressBar.json5", "isSource": true, "original": { "$value": "{bgColor.accent.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "key": "{progressBar.bgColor.accent}" }, "name": "progressBar-bgColor-accent", "attributes": {}, "path": ["progressBar", "bgColor", "accent"], "value": "#1f6feb", "type": "color" }, "progressBar-bgColor-attention": { "key": "{progressBar.bgColor.attention}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/progressBar.json5", "isSource": true, "original": { "$value": "{bgColor.attention.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "key": "{progressBar.bgColor.attention}" }, "name": "progressBar-bgColor-attention", "attributes": {}, "path": ["progressBar", "bgColor", "attention"], "value": "#9e6a03", "type": "color" }, "progressBar-bgColor-danger": { "key": "{progressBar.bgColor.danger}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/progressBar.json5", "isSource": true, "original": { "$value": "{bgColor.danger.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "key": "{progressBar.bgColor.danger}" }, "name": "progressBar-bgColor-danger", "attributes": {}, "path": ["progressBar", "bgColor", "danger"], "value": "#da3633", "type": "color" }, "progressBar-bgColor-done": { "key": "{progressBar.bgColor.done}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/progressBar.json5", "isSource": true, "original": { "$value": "{bgColor.done.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "key": "{progressBar.bgColor.done}" }, "name": "progressBar-bgColor-done", "attributes": {}, "path": ["progressBar", "bgColor", "done"], "value": "#8957e5", "type": "color" }, "progressBar-bgColor-neutral": { "key": "{progressBar.bgColor.neutral}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-high-contrast": "#656c76", "dark-dimmed-high-contrast": "#656c76", "dark-protanopia-deuteranopia-high-contrast": "#656c76", "dark-tritanopia-high-contrast": "#656c76", "light-high-contrast": "#656c76", "light-protanopia-deuteranopia-high-contrast": "#656c76", "light-tritanopia-high-contrast": "#656c76" } }, "filePath": "src/tokens/component/progressBar.json5", "isSource": true, "original": { "$value": "{bgColor.neutral.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-high-contrast": "{base.color.neutral.8}", "dark-dimmed-high-contrast": "{base.color.neutral.8}", "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}", "dark-tritanopia-high-contrast": "{base.color.neutral.8}", "light-high-contrast": "{base.color.neutral.8}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}", "light-tritanopia-high-contrast": "{base.color.neutral.8}" } }, "key": "{progressBar.bgColor.neutral}" }, "name": "progressBar-bgColor-neutral", "attributes": {}, "path": ["progressBar", "bgColor", "neutral"], "value": "#656c76", "type": "color" }, "progressBar-bgColor-severe": { "key": "{progressBar.bgColor.severe}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/progressBar.json5", "isSource": true, "original": { "$value": "{bgColor.severe.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "key": "{progressBar.bgColor.severe}" }, "name": "progressBar-bgColor-severe", "attributes": {}, "path": ["progressBar", "bgColor", "severe"], "value": "#bd561d", "type": "color" }, "progressBar-bgColor-sponsors": { "key": "{progressBar.bgColor.sponsors}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/progressBar.json5", "isSource": true, "original": { "$value": "{bgColor.sponsors.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "key": "{progressBar.bgColor.sponsors}" }, "name": "progressBar-bgColor-sponsors", "attributes": {}, "path": ["progressBar", "bgColor", "sponsors"], "value": "#bf4b8a", "type": "color" }, "progressBar-bgColor-success": { "key": "{progressBar.bgColor.success}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "filePath": "src/tokens/component/progressBar.json5", "isSource": true, "original": { "$value": "{bgColor.success.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] } }, "key": "{progressBar.bgColor.success}" }, "name": "progressBar-bgColor-success", "attributes": {}, "path": ["progressBar", "bgColor", "success"], "value": "#238636", "type": "color" }, "progressBar-track-bgColor": { "key": "{progressBar.track.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-high-contrast": "#ffffff", "dark-dimmed-high-contrast": "#ffffff", "dark-protanopia-deuteranopia-high-contrast": "#ffffff", "dark-tritanopia-high-contrast": "#ffffff", "light-high-contrast": "#0d1117", "light-protanopia-deuteranopia-high-contrast": "#0d1117", "light-tritanopia-high-contrast": "#0d1117" } }, "filePath": "src/tokens/component/progressBar.json5", "isSource": true, "original": { "$value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-high-contrast": "{bgColor.inverse}", "dark-dimmed-high-contrast": "{bgColor.inverse}", "dark-protanopia-deuteranopia-high-contrast": "{bgColor.inverse}", "dark-tritanopia-high-contrast": "{bgColor.inverse}", "light-high-contrast": "{bgColor.default}", "light-protanopia-deuteranopia-high-contrast": "{bgColor.default}", "light-tritanopia-high-contrast": "{bgColor.default}" } }, "key": "{progressBar.track.bgColor}" }, "name": "progressBar-track-bgColor", "attributes": {}, "path": ["progressBar", "track", "bgColor"], "value": "#3d444d", "type": "color" }, "progressBar-track-borderColor": { "key": "{progressBar.track.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": "#3d444d", "dark-dimmed-high-contrast": "#3d444d", "dark-protanopia-deuteranopia-high-contrast": "#3d444d", "dark-tritanopia-high-contrast": "#3d444d", "light-high-contrast": "#d1d7e0", "light-protanopia-deuteranopia-high-contrast": "#d1d7e0", "light-tritanopia-high-contrast": "#d1d7e0" } }, "filePath": "src/tokens/component/progressBar.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": "{progressBar.track.bgColor}", "dark-dimmed-high-contrast": "{progressBar.track.bgColor}", "dark-protanopia-deuteranopia-high-contrast": "{progressBar.track.bgColor}", "dark-tritanopia-high-contrast": "{progressBar.track.bgColor}", "light-high-contrast": "{base.color.neutral.11}", "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}", "light-tritanopia-high-contrast": "{base.color.neutral.11}" } }, "key": "{progressBar.track.borderColor}" }, "name": "progressBar-track-borderColor", "attributes": {}, "path": ["progressBar", "track", "borderColor"], "value": "#00000000", "type": "color" }, "reactionButton-selected-bgColor-hover": { "key": "{reactionButton.selected.bgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [214.8, 98, 61], "hex": "#3a8cfd" }, "alpha": 0.36, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [215.3, 75.8, 57.8], "hex": "#4285e5" }, "alpha": 0.36, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "$type": "color" }, "light-high-contrast": "#c7e9ff", "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [210.4, 100, 68.2], "hex": "#5dadff" }, "alpha": 0.36, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "alpha": 0.36, "original": { "$value": { "colorSpace": "hsl", "components": [214.8, 98, 61], "hex": "#3a8cfd" }, "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": { "colorSpace": "hsl", "components": [214.8, 98, 61], "hex": "#3a8cfd" }, "alpha": 0.36, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "$type": "color" }, "dark-dimmed": { "$value": { "colorSpace": "hsl", "components": [215.3, 75.8, 57.8], "hex": "#4285e5" }, "alpha": 0.36, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "$type": "color" }, "light-high-contrast": "#c7e9ff", "dark-high-contrast": { "$value": { "colorSpace": "hsl", "components": [210.4, 100, 68.2], "hex": "#5dadff" }, "alpha": 0.36, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.36, "key": "{reactionButton.selected.bgColor.hover}" }, "name": "reactionButton-selected-bgColor-hover", "attributes": {}, "path": ["reactionButton", "selected", "bgColor", "hover"], "value": "#3a8cfd5c", "type": "color" }, "reactionButton-selected-bgColor-rest": { "key": "{reactionButton.selected.bgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#388bfd", "alpha": 0.2, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "alpha": 0.2, "original": { "$value": "{base.color.blue.4}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.blue.4}", "alpha": 0.2, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "key": "{reactionButton.selected.bgColor.rest}" }, "name": "reactionButton-selected-bgColor-rest", "attributes": {}, "path": ["reactionButton", "selected", "bgColor", "rest"], "value": "#388bfd33", "type": "color" }, "reactionButton-selected-fgColor-hover": { "key": "{reactionButton.selected.fgColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "#79c0ff" } }, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "original": { "$value": "{base.color.blue.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": "{base.color.blue.2}" } }, "key": "{reactionButton.selected.fgColor.hover}" }, "name": "reactionButton-selected-fgColor-hover", "attributes": {}, "path": ["reactionButton", "selected", "fgColor", "hover"], "value": "#79c0ff", "type": "color" }, "reactionButton-selected-fgColor-rest": { "key": "{reactionButton.selected.fgColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "filePath": "src/tokens/component/reactionButton.json5", "isSource": true, "original": { "$value": "{fgColor.link}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] } }, "key": "{reactionButton.selected.fgColor.rest}" }, "name": "reactionButton-selected-fgColor-rest", "attributes": {}, "path": ["reactionButton", "selected", "fgColor", "rest"], "value": "#4493f8", "type": "color" }, "selectMenu-bgColor-active": { "key": "{selectMenu.bgColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#0c2d6b", "filePath": "src/tokens/component/selectMenu.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/selectMenu.json5", "isSource": true, "original": { "$value": "{base.color.blue.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.blue.8}", "filePath": "src/tokens/component/selectMenu.json5", "isSource": true, "$type": "color" } } }, "key": "{selectMenu.bgColor.active}" }, "name": "selectMenu-bgColor-active", "attributes": {}, "path": ["selectMenu", "bgColor", "active"], "value": "#0c2d6b", "type": "color" }, "selectMenu-borderColor": { "key": "{selectMenu.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#3d444d", "filePath": "src/tokens/component/selectMenu.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/selectMenu.json5", "isSource": true, "original": { "$value": "{borderColor.default}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{borderColor.default}", "filePath": "src/tokens/component/selectMenu.json5", "isSource": true, "$type": "color" } } }, "key": "{selectMenu.borderColor}" }, "name": "selectMenu-borderColor", "attributes": {}, "path": ["selectMenu", "borderColor"], "value": "#3d444d", "type": "color" }, "selection-bgColor": { "key": "{selection.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1f6feb", "alpha": 0.7, "filePath": "src/tokens/functional/color/selection.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["text-selection", "highlighted-text", "selected-content"], "rules": "Use for native text selection (::selection) and programmatic text highlighting. Do NOT use for general emphasis or background colors on containers." } }, "alpha": 0.7, "filePath": "src/tokens/functional/color/selection.json5", "isSource": true, "original": { "$value": "{bgColor.accent.emphasis}", "$type": "color", "$description": "Background color for text selection highlights", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{bgColor.accent.emphasis}", "alpha": 0.7, "filePath": "src/tokens/functional/color/selection.json5", "isSource": true, "$type": "color" } }, "org.primer.llm": { "usage": ["text-selection", "highlighted-text", "selected-content"], "rules": "Use for native text selection (::selection) and programmatic text highlighting. Do NOT use for general emphasis or background colors on containers." } }, "alpha": 0.7, "key": "{selection.bgColor}" }, "name": "selection-bgColor", "attributes": {}, "path": ["selection", "bgColor"], "value": "#1f6febb3", "type": "color", "description": "Background color for text selection highlights" }, "shadow-floating-large": { "key": "{shadow.floating.large}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#010409", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-high-contrast": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.24, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 40, "unit": "px" }, "blur": { "value": 80, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-protanopia-deuteranopia-high-contrast": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.24, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 40, "unit": "px" }, "blur": { "value": 80, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-tritanopia-high-contrast": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.24, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 40, "unit": "px" }, "blur": { "value": 80, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["modal", "dialog", "full-screen-overlay"], "rules": "MUST use for modals and dialogs. Do NOT use for small floating elements." } }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "original": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "$type": "shadow", "$description": "Large floating shadow for modals and dialogs", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-high-contrast": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.24, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 40, "unit": "px" }, "blur": { "value": 80, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-protanopia-deuteranopia-high-contrast": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.24, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 40, "unit": "px" }, "blur": { "value": 80, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-tritanopia-high-contrast": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.24, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 40, "unit": "px" }, "blur": { "value": 80, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["modal", "dialog", "full-screen-overlay"], "rules": "MUST use for modals and dialogs. Do NOT use for small floating elements." } }, "key": "{shadow.floating.large}" }, "name": "shadow-floating-large", "attributes": {}, "path": ["shadow", "floating", "large"], "value": "0 0 0 1px #3d444d, 0 24px 48px 0 #010409", "type": "shadow", "description": "Large floating shadow for modals and dialogs" }, "shadow-floating-medium": { "key": "{shadow.floating.medium}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#010409", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 8, "unit": "px" }, "blur": { "value": 16, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "#010409", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 4, "unit": "px" }, "blur": { "value": 32, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "#010409", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": -12, "unit": "px" } }, { "color": "#010409", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 48, "unit": "px" }, "blur": { "value": 96, "unit": "px" }, "spread": { "value": -24, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-high-contrast": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 8, "unit": "px" }, "blur": { "value": 16, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 4, "unit": "px" }, "blur": { "value": 32, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": -12, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 48, "unit": "px" }, "blur": { "value": 96, "unit": "px" }, "spread": { "value": -24, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-protanopia-deuteranopia-high-contrast": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 8, "unit": "px" }, "blur": { "value": 16, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 4, "unit": "px" }, "blur": { "value": 32, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": -12, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 48, "unit": "px" }, "blur": { "value": 96, "unit": "px" }, "spread": { "value": -24, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-tritanopia-high-contrast": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 8, "unit": "px" }, "blur": { "value": 16, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 4, "unit": "px" }, "blur": { "value": 32, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": -12, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 48, "unit": "px" }, "blur": { "value": 96, "unit": "px" }, "spread": { "value": -24, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["popover", "action-menu", "select-panel", "autocomplete"], "rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals." } }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "original": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 8, "unit": "px" }, "blur": { "value": 16, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 4, "unit": "px" }, "blur": { "value": 32, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": -12, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 48, "unit": "px" }, "blur": { "value": 96, "unit": "px" }, "spread": { "value": -24, "unit": "px" } } ], "$type": "shadow", "$description": "Medium floating shadow for popovers and action menus", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 8, "unit": "px" }, "blur": { "value": 16, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 4, "unit": "px" }, "blur": { "value": 32, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": -12, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 48, "unit": "px" }, "blur": { "value": 96, "unit": "px" }, "spread": { "value": -24, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-high-contrast": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 8, "unit": "px" }, "blur": { "value": 16, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 4, "unit": "px" }, "blur": { "value": 32, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": -12, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 48, "unit": "px" }, "blur": { "value": 96, "unit": "px" }, "spread": { "value": -24, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-protanopia-deuteranopia-high-contrast": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 8, "unit": "px" }, "blur": { "value": 16, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 4, "unit": "px" }, "blur": { "value": 32, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": -12, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 48, "unit": "px" }, "blur": { "value": 96, "unit": "px" }, "spread": { "value": -24, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-tritanopia-high-contrast": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 8, "unit": "px" }, "blur": { "value": 16, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 4, "unit": "px" }, "blur": { "value": 32, "unit": "px" }, "spread": { "value": -4, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 24, "unit": "px" }, "blur": { "value": 48, "unit": "px" }, "spread": { "value": -12, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.08, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 48, "unit": "px" }, "blur": { "value": 96, "unit": "px" }, "spread": { "value": -24, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["popover", "action-menu", "select-panel", "autocomplete"], "rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals." } }, "key": "{shadow.floating.medium}" }, "name": "shadow-floating-medium", "attributes": {}, "path": ["shadow", "floating", "medium"], "value": "0 0 0 1px #3d444d, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966", "type": "shadow", "description": "Medium floating shadow for popovers and action menus" }, "shadow-floating-small": { "key": "{shadow.floating.small}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#010409", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 6, "unit": "px" }, "blur": { "value": 12, "unit": "px" }, "spread": { "value": -3, "unit": "px" } }, { "color": "#010409", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 6, "unit": "px" }, "blur": { "value": 18, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["dropdown", "tooltip", "popover", "menu"], "rules": "Use for small floating elements like dropdowns and tooltips. Do NOT use for modals or dialogs." } }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "original": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 6, "unit": "px" }, "blur": { "value": 12, "unit": "px" }, "spread": { "value": -3, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 6, "unit": "px" }, "blur": { "value": 18, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "$type": "shadow", "$description": "Small floating shadow for dropdowns, tooltips, and small overlays", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 6, "unit": "px" }, "blur": { "value": 12, "unit": "px" }, "spread": { "value": -3, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 6, "unit": "px" }, "blur": { "value": 18, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["dropdown", "tooltip", "popover", "menu"], "rules": "Use for small floating elements like dropdowns and tooltips. Do NOT use for modals or dialogs." } }, "key": "{shadow.floating.small}" }, "name": "shadow-floating-small", "attributes": {}, "path": ["shadow", "floating", "small"], "value": "0 0 0 1px #3d444d, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966", "type": "shadow", "description": "Small floating shadow for dropdowns, tooltips, and small overlays" }, "shadow-floating-xlarge": { "key": "{shadow.floating.xlarge}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#010409", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 32, "unit": "px" }, "blur": { "value": 64, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-high-contrast": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.32, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 56, "unit": "px" }, "blur": { "value": 112, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-protanopia-deuteranopia-high-contrast": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.32, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 56, "unit": "px" }, "blur": { "value": 112, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-tritanopia-high-contrast": { "$value": [ { "color": "#3d444db3", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "#f0f6fc", "alpha": 0.32, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 56, "unit": "px" }, "blur": { "value": 112, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"], "rules": "Use for full-screen or near-full-screen overlays like side sheets and drawers. Maximum elevation in the system. Do NOT use for small floating elements." } }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "original": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 32, "unit": "px" }, "blur": { "value": 64, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "$type": "shadow", "$description": "Extra large floating shadow for full-screen overlays and sheets", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 32, "unit": "px" }, "blur": { "value": 64, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-high-contrast": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.32, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 56, "unit": "px" }, "blur": { "value": 112, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-protanopia-deuteranopia-high-contrast": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.32, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 56, "unit": "px" }, "blur": { "value": 112, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" }, "light-tritanopia-high-contrast": { "$value": [ { "color": "{overlay.borderColor}", "alpha": 1, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 0, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 1, "unit": "px" } }, { "color": "{base.color.neutral.12}", "alpha": 0.32, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 56, "unit": "px" }, "blur": { "value": 112, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"], "rules": "Use for full-screen or near-full-screen overlays like side sheets and drawers. Maximum elevation in the system. Do NOT use for small floating elements." } }, "key": "{shadow.floating.xlarge}" }, "name": "shadow-floating-xlarge", "attributes": {}, "path": ["shadow", "floating", "xlarge"], "value": "0 0 0 1px #3d444d, 0 32px 64px 0 #010409", "type": "shadow", "description": "Extra large floating shadow for full-screen overlays and sheets" }, "shadow-inset": { "key": "{shadow.inset}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": { "color": "#010409", "alpha": 0.24, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": true }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["input-field", "pressed-button", "recessed-area", "well"], "rules": "Use for elements that appear pressed or inset into the surface. Commonly used for input fields and wells. Do NOT use for floating elements." } }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "original": { "$value": { "color": "{base.color.neutral.0}", "alpha": 0.24, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": true }, "$type": "shadow", "$description": "Inset shadow for recessed elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": { "color": "{base.color.neutral.0}", "alpha": 0.24, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 0, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": true }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["input-field", "pressed-button", "recessed-area", "well"], "rules": "Use for elements that appear pressed or inset into the surface. Commonly used for input fields and wells. Do NOT use for floating elements." } }, "key": "{shadow.inset}" }, "name": "shadow-inset", "attributes": {}, "path": ["shadow", "inset"], "value": "inset 0 1px 0 0 #0104093d", "type": "shadow", "description": "Inset shadow for recessed elements" }, "shadow-resting-medium": { "key": "{shadow.resting.medium}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "#010409", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 1, "unit": "px" }, "spread": { "value": 0, "unit": "px" } }, { "color": "#010409", "alpha": 0.8, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 3, "unit": "px" }, "blur": { "value": 6, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["card", "panel", "elevated-surface", "elevated-sidebar"], "rules": "Use for cards and content panels that sit above the page surface. Provides moderate elevation without appearing to float. Do NOT use for overlays or modals." } }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "original": { "$value": [ { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 1, "unit": "px" }, "spread": { "value": 0, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.8, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 3, "unit": "px" }, "blur": { "value": 6, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "$type": "shadow", "$description": "Medium resting shadow for cards and elevated surfaces", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "{base.color.neutral.0}", "alpha": 0.4, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 1, "unit": "px" }, "spread": { "value": 0, "unit": "px" } }, { "color": "{base.color.neutral.0}", "alpha": 0.8, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 3, "unit": "px" }, "blur": { "value": 6, "unit": "px" }, "spread": { "value": 0, "unit": "px" } } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["card", "panel", "elevated-surface", "elevated-sidebar"], "rules": "Use for cards and content panels that sit above the page surface. Provides moderate elevation without appearing to float. Do NOT use for overlays or modals." } }, "key": "{shadow.resting.medium}" }, "name": "shadow-resting-medium", "attributes": {}, "path": ["shadow", "resting", "medium"], "value": "0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc", "type": "shadow", "description": "Medium resting shadow for cards and elevated surfaces" }, "shadow-resting-small": { "key": "{shadow.resting.small}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "#010409", "alpha": 0.6, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 1, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false }, { "color": "#010409", "alpha": 0.6, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 3, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["button", "interactive-card", "clickable-element"], "rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows." } }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "original": { "$value": [ { "color": "{base.color.neutral.0}", "alpha": 0.6, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 1, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false }, { "color": "{base.color.neutral.0}", "alpha": 0.6, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 3, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "$type": "shadow", "$description": "Small resting shadow for buttons and interactive elements", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "{base.color.neutral.0}", "alpha": 0.6, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 1, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false }, { "color": "{base.color.neutral.0}", "alpha": 0.6, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 3, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false } ], "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["button", "interactive-card", "clickable-element"], "rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows." } }, "key": "{shadow.resting.small}" }, "name": "shadow-resting-small", "attributes": {}, "path": ["shadow", "resting", "small"], "value": "0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999", "type": "shadow", "description": "Small resting shadow for buttons and interactive elements" }, "shadow-resting-xsmall": { "key": "{shadow.resting.xsmall}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": { "color": "#010409", "alpha": 0.8, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 1, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["badge", "chip", "small-card", "subtle-elevation"], "rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance." } }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "original": { "$value": { "color": "{base.color.neutral.0}", "alpha": 0.8, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 1, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false }, "$type": "shadow", "$description": "Extra small resting shadow for minimal elevation", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "shadow" }, "org.primer.overrides": { "dark": { "$value": { "color": "{base.color.neutral.0}", "alpha": 0.8, "offsetX": { "value": 0, "unit": "px" }, "offsetY": { "value": 1, "unit": "px" }, "blur": { "value": 1, "unit": "px" }, "spread": { "value": 0, "unit": "px" }, "inset": false }, "filePath": "src/tokens/functional/shadow/shadow.json5", "isSource": true, "$type": "shadow" } }, "org.primer.llm": { "usage": ["badge", "chip", "small-card", "subtle-elevation"], "rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance." } }, "key": "{shadow.resting.xsmall}" }, "name": "shadow-resting-xsmall", "attributes": {}, "path": ["shadow", "resting", "xsmall"], "value": "0 1px 1px 0 #010409cc", "type": "shadow", "description": "Extra small resting shadow for minimal elevation" }, "sideNav-bgColor-selected": { "key": "{sideNav.bgColor.selected}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#212830", "filePath": "src/tokens/component/sideNav.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/sideNav.json5", "isSource": true, "original": { "$value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.neutral.3}", "filePath": "src/tokens/component/sideNav.json5", "isSource": true, "$type": "color" } } }, "key": "{sideNav.bgColor.selected}" }, "name": "sideNav-bgColor-selected", "attributes": {}, "path": ["sideNav", "bgColor", "selected"], "value": "#212830", "type": "color" }, "skeletonLoader-bgColor": { "key": "{skeletonLoader.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "alpha": 0.2 }, "light-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "#2a313c", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "alpha": 0.2 }, "light-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "light-tritanopia-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "dark-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "dark-dimmed-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "dark-protanopia-deuteranopia-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" }, "dark-tritanopia-high-contrast": { "$value": "{base.color.neutral.5}", "alpha": 1, "filePath": "src/tokens/component/skeletonLoader.json5", "isSource": true, "$type": "color" } } }, "alpha": 0.2, "key": "{skeletonLoader.bgColor}" }, "name": "skeletonLoader-bgColor", "attributes": {}, "path": ["skeletonLoader", "bgColor"], "value": "#656c7633", "type": "color" }, "timelineBadge-bgColor": { "key": "{timelineBadge.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#212830", "dark-dimmed": "#262c36" } }, "filePath": "src/tokens/component/timelineBadge.json5", "isSource": true, "original": { "$value": "{base.color.neutral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.3}", "dark-dimmed": "{base.color.neutral.4}" } }, "key": "{timelineBadge.bgColor}" }, "name": "timelineBadge-bgColor", "attributes": {}, "path": ["timelineBadge", "bgColor"], "value": "#212830", "type": "color" }, "tooltip-bgColor": { "key": "{tooltip.bgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-high-contrast": "#ffffff", "dark-dimmed-high-contrast": "#ffffff", "dark-protanopia-deuteranopia-high-contrast": "#ffffff", "dark-tritanopia-high-contrast": "#ffffff" } }, "filePath": "src/tokens/component/tooltip.json5", "isSource": true, "original": { "$value": "{bgColor.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark-high-contrast": "{bgColor.inverse}", "dark-dimmed-high-contrast": "{bgColor.inverse}", "dark-protanopia-deuteranopia-high-contrast": "{bgColor.inverse}", "dark-tritanopia-high-contrast": "{bgColor.inverse}" } }, "key": "{tooltip.bgColor}" }, "name": "tooltip-bgColor", "attributes": {}, "path": ["tooltip", "bgColor"], "value": "#3d444d", "type": "color" }, "tooltip-fgColor": { "key": "{tooltip.fgColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark-high-contrast": "#010409", "dark-dimmed-high-contrast": "#010409", "dark-protanopia-deuteranopia-high-contrast": "#010409", "dark-tritanopia-high-contrast": "#010409" } }, "filePath": "src/tokens/component/tooltip.json5", "isSource": true, "original": { "$value": "{fgColor.onEmphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark-high-contrast": "{fgColor.onInverse}", "dark-dimmed-high-contrast": "{fgColor.onInverse}", "dark-protanopia-deuteranopia-high-contrast": "{fgColor.onInverse}", "dark-tritanopia-high-contrast": "{fgColor.onInverse}" } }, "key": "{tooltip.fgColor}" }, "name": "tooltip-fgColor", "attributes": {}, "path": ["tooltip", "fgColor"], "value": "#ffffff", "type": "color" }, "topicTag-borderColor": { "key": "{topicTag.borderColor}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "light-high-contrast": "#1f6feb", "light-protanopia-deuteranopia-high-contrast": "#1f6feb", "light-tritanopia-high-contrast": "#1f6feb", "dark-high-contrast": "#1f6feb", "dark-dimmed-high-contrast": "#1f6feb", "dark-protanopia-deuteranopia-high-contrast": "#1f6feb", "dark-tritanopia-high-contrast": "#1f6feb" } }, "filePath": "src/tokens/component/topicTag.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component", "scopes": ["borderColor"] }, "org.primer.overrides": { "light-high-contrast": "{borderColor.accent.emphasis}", "light-protanopia-deuteranopia-high-contrast": "{borderColor.accent.emphasis}", "light-tritanopia-high-contrast": "{borderColor.accent.emphasis}", "dark-high-contrast": "{borderColor.accent.emphasis}", "dark-dimmed-high-contrast": "{borderColor.accent.emphasis}", "dark-protanopia-deuteranopia-high-contrast": "{borderColor.accent.emphasis}", "dark-tritanopia-high-contrast": "{borderColor.accent.emphasis}" } }, "key": "{topicTag.borderColor}" }, "name": "topicTag-borderColor", "attributes": {}, "path": ["topicTag", "borderColor"], "value": "#00000000", "type": "color" }, "treeViewItem-leadingVisual-iconColor-rest": { "key": "{treeViewItem.leadingVisual.iconColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#9198a1", "filePath": "src/tokens/component/treeView.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/treeView.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "{fgColor.muted}", "filePath": "src/tokens/component/treeView.json5", "isSource": true, "$type": "color" } } }, "key": "{treeViewItem.leadingVisual.iconColor.rest}" }, "name": "treeViewItem-leadingVisual-iconColor-rest", "attributes": {}, "path": ["treeViewItem", "leadingVisual", "iconColor", "rest"], "value": "#9198a1", "type": "color" }, "underlineNav-borderColor-active": { "key": "{underlineNav.borderColor.active}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#f78166", "filePath": "src/tokens/component/underlineNav.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/underlineNav.json5", "isSource": true, "original": { "$value": "{base.color.coral.3}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{base.color.coral.3}", "filePath": "src/tokens/component/underlineNav.json5", "isSource": true, "$type": "color" } } }, "key": "{underlineNav.borderColor.active}" }, "name": "underlineNav-borderColor-active", "attributes": {}, "path": ["underlineNav", "borderColor", "active"], "value": "#f78166", "type": "color" }, "underlineNav-borderColor-hover": { "key": "{underlineNav.borderColor.hover}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "#3d444db3", "filePath": "src/tokens/component/underlineNav.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/underlineNav.json5", "isSource": true, "original": { "$value": "{borderColor.neutral.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark": { "$value": "{borderColor.neutral.muted}", "filePath": "src/tokens/component/underlineNav.json5", "isSource": true, "$type": "color" } } }, "key": "{underlineNav.borderColor.hover}" }, "name": "underlineNav-borderColor-hover", "attributes": {}, "path": ["underlineNav", "borderColor", "hover"], "value": "#3d444db3", "type": "color" }, "underlineNav-iconColor-rest": { "key": "{underlineNav.iconColor.rest}", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "#9198a1", "filePath": "src/tokens/component/underlineNav.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/underlineNav.json5", "isSource": true, "original": { "$value": "{fgColor.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["fgColor"] }, "org.primer.overrides": { "dark": { "$value": "{fgColor.muted}", "filePath": "src/tokens/component/underlineNav.json5", "isSource": true, "$type": "color" } } }, "key": "{underlineNav.iconColor.rest}" }, "name": "underlineNav-iconColor-rest", "attributes": {}, "path": ["underlineNav", "iconColor", "rest"], "value": "#9198a1", "type": "color" } }