@primer/primitives

{ "avatar-bgColor": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": { "$value": "#1f2328", "alpha": 0.1, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/component/avatar.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": { "$value": "{base.color.neutral.13}", "alpha": 0.1, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" } } } }, "name": "avatar-bgColor", "attributes": {}, "path": ["avatar", "bgColor"], "key": "{avatar.bgColor}", "value": "#ffffff", "type": "color" }, "avatar-borderColor": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component (internal)", "scopes": ["borderColor"] }, "org.primer.overrides": { "dark-high-contrast": { "$value": "#1f2328", "alpha": 0.9, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "#1f2328", "alpha": 0.9, "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": "{base.color.neutral.13}", "alpha": 0.9, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" }, "light-high-contrast": { "$value": "{base.color.neutral.13}", "alpha": 0.9, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "color" } } } }, "name": "avatar-borderColor", "attributes": {}, "path": ["avatar", "borderColor"], "key": "{avatar.borderColor}", "value": "#1f232826", "type": "color" }, "avatar-shadow": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "#f6f8fa", "alpha": 1, "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "2px" } ], "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "shadow" } } }, "filePath": "src/tokens/component/avatar.json5", "isSource": true, "original": { "$value": [ { "color": "{base.color.neutral.0}", "alpha": 0.8, "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "2px" } ], "$type": "shadow", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "component shadow" }, "org.primer.overrides": { "dark": { "$value": [ { "color": "{base.color.neutral.1}", "alpha": 1, "offsetX": "0px", "offsetY": "0px", "blur": "0px", "spread": "2px" } ], "filePath": "src/tokens/component/avatar.json5", "isSource": true, "$type": "shadow" } } } }, "name": "avatar-shadow", "attributes": {}, "path": ["avatar", "shadow"], "key": "{avatar.shadow}", "value": "0px 0px 0px 2px #ffffffcc", "type": "shadow" }, "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"] } } }, "name": "avatarStack-fade-bgColor-default", "attributes": {}, "path": ["avatarStack", "fade", "bgColor", "default"], "key": "{avatarStack.fade.bgColor.default}", "value": "#c8d1da", "type": "color" }, "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"] } } }, "name": "avatarStack-fade-bgColor-muted", "attributes": {}, "path": ["avatarStack", "fade", "bgColor", "muted"], "key": "{avatarStack.fade.bgColor.muted}", "value": "#dae0e7", "type": "color" }, "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": "#0969da", "dark-high-contrast": "#002155" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.blue.5}", "$type": "color", "$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}" } } }, "name": "bgColor-accent-emphasis", "attributes": {}, "path": ["bgColor", "accent", "emphasis"], "key": "{bgColor.accent.emphasis}", "value": "#0969da", "type": "color" }, "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": "#218bff", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.blue.0}", "$type": "color", "$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" } } } }, "name": "bgColor-accent-muted", "attributes": {}, "path": ["bgColor", "accent", "muted"], "key": "{bgColor.accent.muted}", "value": "#ddf4ff", "type": "color" }, "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": "#3b2300" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.yellow.5}", "$type": "color", "$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}" } } }, "name": "bgColor-attention-emphasis", "attributes": {}, "path": ["bgColor", "attention", "emphasis"], "key": "{bgColor.attention.emphasis}", "value": "#9a6700", "type": "color" }, "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": "#bf8700", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.yellow.0}", "$type": "color", "$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" } } } }, "name": "bgColor-attention-muted", "attributes": {}, "path": ["bgColor", "attention", "muted"], "key": "{bgColor.attention.muted}", "value": "#fff8c5", "type": "color" }, "bgColor-black": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#ffffff" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.13}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.0}" } } }, "name": "bgColor-black", "attributes": {}, "path": ["bgColor", "black"], "key": "{bgColor.black}", "value": "#1f2328", "type": "color" }, "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": "#59636e", "dark-tritanopia": "#59636e", "light-protanopia-deuteranopia": "#59636e", "dark-protanopia-deuteranopia": "#59636e" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.danger.emphasis}", "$type": "color", "$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}", "dark-tritanopia": "{bgColor.neutral.emphasis}", "light-protanopia-deuteranopia": "{bgColor.neutral.emphasis}", "dark-protanopia-deuteranopia": "{bgColor.neutral.emphasis}" } } }, "name": "bgColor-closed-emphasis", "attributes": {}, "path": ["bgColor", "closed", "emphasis"], "key": "{bgColor.closed.emphasis}", "value": "#cf222e", "type": "color" }, "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": "#818b981f", "dark-tritanopia": { "$value": "#818b981f", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#818b981f", "dark-protanopia-deuteranopia": { "$value": "#818b981f", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.danger.muted}", "$type": "color", "$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}", "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}", "dark-protanopia-deuteranopia": { "$value": "{bgColor.neutral.muted}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } } }, "name": "bgColor-closed-muted", "attributes": {}, "path": ["bgColor", "closed", "muted"], "key": "{bgColor.closed.muted}", "value": "#ffebe9", "type": "color" }, "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": "#bc4c00", "dark-protanopia-deuteranopia": "#bc4c00", "dark-high-contrast": "#4c0014" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.red.5}", "$type": "color", "$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}", "dark-protanopia-deuteranopia": "{base.color.orange.5}", "dark-high-contrast": "{base.color.red.9}" } } }, "name": "bgColor-danger-emphasis", "attributes": {}, "path": ["bgColor", "danger", "emphasis"], "key": "{bgColor.danger.emphasis}", "value": "#cf222e", "type": "color" }, "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": "#fa4549", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#fff1e5", "dark-protanopia-deuteranopia": { "$value": "#e16f24", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.red.0}", "$type": "color", "$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}", "dark-protanopia-deuteranopia": { "$value": "{base.color.orange.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } } }, "name": "bgColor-danger-muted", "attributes": {}, "path": ["bgColor", "danger", "muted"], "key": "{bgColor.danger.muted}", "value": "#ffebe9", "type": "color" }, "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": "#f6f8fa", "dark-dimmed": "#e6eaef", "dark-high-contrast": "#ffffff" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.0}", "$type": "color", "$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-high-contrast": "{base.color.neutral.0}" } } }, "name": "bgColor-default", "attributes": {}, "path": ["bgColor", "default"], "key": "{bgColor.default}", "value": "#ffffff", "type": "color" }, "bgColor-disabled": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#e6eaef", "dark-dimmed": "#dae0e7", "light-high-contrast": "#e0e6eb", "dark-high-contrast": "#e0e6eb" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.2}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.3}", "dark-dimmed": "{base.color.neutral.5}", "light-high-contrast": "{base.color.neutral.4}", "dark-high-contrast": "{base.color.neutral.4}" } } }, "name": "bgColor-disabled", "attributes": {}, "path": ["bgColor", "disabled"], "key": "{bgColor.disabled}", "value": "#eff2f5", "type": "color" }, "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": "#2e1461" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.purple.5}", "$type": "color", "$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}" } } }, "name": "bgColor-done-emphasis", "attributes": {}, "path": ["bgColor", "done", "emphasis"], "key": "{bgColor.done.emphasis}", "value": "#8250df", "type": "color" }, "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": "#a475f9", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.purple.0}", "$type": "color", "$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" } } } }, "name": "bgColor-done-muted", "attributes": {}, "path": ["bgColor", "done", "muted"], "key": "{bgColor.done.muted}", "value": "#fbefff", "type": "color" }, "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": "#c8d1da" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$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}" } } }, "name": "bgColor-emphasis", "attributes": {}, "path": ["bgColor", "emphasis"], "key": "{bgColor.emphasis}", "value": "#25292e", "type": "color" }, "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": "#ffffff", "dark-dimmed": "#eff2f5", "light-high-contrast": "#eff2f5" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.muted}", "$type": "color", "$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}", "light-high-contrast": "{base.color.neutral.2}" } } }, "name": "bgColor-inset", "attributes": {}, "path": ["bgColor", "inset"], "key": "{bgColor.inset}", "value": "#f6f8fa", "type": "color" }, "bgColor-inverse": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#1f2328" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.12}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.13}" } } }, "name": "bgColor-inverse", "attributes": {}, "path": ["bgColor", "inverse"], "key": "{bgColor.inverse}", "value": "#25292e", "type": "color" }, "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": "#eff2f5", "dark-dimmed": "#e0e6eb", "light-high-contrast": "#e6eaef", "dark-high-contrast": "#eff2f5" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.1}", "$type": "color", "$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}", "light-high-contrast": "{base.color.neutral.3}", "dark-high-contrast": "{base.color.neutral.2}" } } }, "name": "bgColor-muted", "attributes": {}, "path": ["bgColor", "muted"], "key": "{bgColor.muted}", "value": "#f6f8fa", "type": "color" }, "bgColor-neutral-emphasis": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#818b98", "dark-dimmed": "#818b98", "light-high-contrast": "#454c54", "dark-high-contrast": "#c8d1da" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.neutral.9}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "{base.color.neutral.8}", "dark-dimmed": "{base.color.neutral.8}", "light-high-contrast": "{base.color.neutral.10}", "dark-high-contrast": "{base.color.neutral.7}" } } }, "name": "bgColor-neutral-emphasis", "attributes": {}, "path": ["bgColor", "neutral", "emphasis"], "key": "{bgColor.neutral.emphasis}", "value": "#59636e", "type": "color" }, "bgColor-neutral-muted": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "light": { "$value": "#818b98", "alpha": 0.12, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark": { "$value": "#818b98", "alpha": 0.2, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-high-contrast": "#e0e6eb", "dark-high-contrast": "#e6eaef" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "alpha": 0.12, "original": { "$value": "{base.color.neutral.8}", "$type": "color", "$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}", "dark-high-contrast": "{base.color.neutral.3}" } }, "alpha": 0.12 }, "name": "bgColor-neutral-muted", "attributes": {}, "path": ["bgColor", "neutral", "muted"], "key": "{bgColor.neutral.muted}", "value": "#818b981f", "type": "color" }, "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": "#cf222e", "dark-tritanopia": "#cf222e", "light-protanopia-deuteranopia": "#bc4c00", "dark-protanopia-deuteranopia": "#bc4c00" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.success.emphasis}", "$type": "color", "$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}", "dark-tritanopia": "{base.color.red.5}", "light-protanopia-deuteranopia": "{base.color.orange.5}", "dark-protanopia-deuteranopia": "{base.color.orange.5}" } } }, "name": "bgColor-open-emphasis", "attributes": {}, "path": ["bgColor", "open", "emphasis"], "key": "{bgColor.open.emphasis}", "value": "#1f883d", "type": "color" }, "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": "#ffebe9", "dark-tritanopia": { "$value": "#fa4549", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#fff1e5", "dark-protanopia-deuteranopia": { "$value": "#e16f24", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.success.muted}", "$type": "color", "$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": "{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" }, "light-protanopia-deuteranopia": "{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" } } } }, "name": "bgColor-open-muted", "attributes": {}, "path": ["bgColor", "open", "muted"], "key": "{bgColor.open.muted}", "value": "#dafbe1", "type": "color" }, "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": "#cf222e", "dark-tritanopia": "#cf222e", "dark-high-contrast": "#471700" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.orange.5}", "$type": "color", "$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}", "dark-tritanopia": "{base.color.red.5}", "dark-high-contrast": "{base.color.orange.9}" } } }, "name": "bgColor-severe-emphasis", "attributes": {}, "path": ["bgColor", "severe", "emphasis"], "key": "{bgColor.severe.emphasis}", "value": "#bc4c00", "type": "color" }, "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": "#e16f24", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": "#ffebe9", "dark-tritanopia": { "$value": "#fa4549", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.orange.0}", "$type": "color", "$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}", "dark-tritanopia": { "$value": "{base.color.red.4}", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } } }, "name": "bgColor-severe-muted", "attributes": {}, "path": ["bgColor", "severe", "muted"], "key": "{bgColor.severe.muted}", "value": "#fff1e5", "type": "color" }, "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": "#4d0336" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.pink.5}", "$type": "color", "$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}" } } }, "name": "bgColor-sponsors-emphasis", "attributes": {}, "path": ["bgColor", "sponsors", "emphasis"], "key": "{bgColor.sponsors.emphasis}", "value": "#bf3989", "type": "color" }, "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": "#e85aad", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "dark-tritanopia": { "$value": "#db61a2", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.pink.0}", "$type": "color", "$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": "#db61a2", "alpha": 0.1, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } } }, "name": "bgColor-sponsors-muted", "attributes": {}, "path": ["bgColor", "sponsors", "muted"], "key": "{bgColor.sponsors.muted}", "value": "#ffeff7", "type": "color" }, "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": "#1a7f37", "light-tritanopia": "#0969da", "dark-tritanopia": "#0969da", "light-protanopia-deuteranopia": "#0969da", "dark-protanopia-deuteranopia": "#0969da", "light-high-contrast": "#1a7f37", "dark-high-contrast": "#002d11" } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "#1f883d", "$type": "color", "$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}", "dark-tritanopia": "{base.color.blue.5}", "light-protanopia-deuteranopia": "{base.color.blue.5}", "dark-protanopia-deuteranopia": "{base.color.blue.5}", "light-high-contrast": "{base.color.green.5}", "dark-high-contrast": "{base.color.green.9}" } } }, "name": "bgColor-success-emphasis", "attributes": {}, "path": ["bgColor", "success", "emphasis"], "key": "{bgColor.success.emphasis}", "value": "#1f883d", "type": "color" }, "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": "#2da44e", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-tritanopia": "#ddf4ff", "dark-tritanopia": { "$value": "#218bff", "alpha": 0.15, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" }, "light-protanopia-deuteranopia": "#ddf4ff", "dark-protanopia-deuteranopia": { "$value": "#218bff", "alpha": 0.2, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.green.0}", "$type": "color", "$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}", "dark-tritanopia": { "$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}", "dark-protanopia-deuteranopia": { "$value": "{base.color.blue.4}", "alpha": 0.2, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "$type": "color" } } } }, "name": "bgColor-success-muted", "attributes": {}, "path": ["bgColor", "success", "muted"], "key": "{bgColor.success.muted}", "value": "#dafbe1", "type": "color" }, "bgColor-transparent": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{base.color.transparent}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-transparent) /* utility class: .color-bg-transparent */" } } } }, "name": "bgColor-transparent", "attributes": {}, "path": ["bgColor", "transparent"], "key": "{bgColor.transparent}", "value": "#ffffff00", "type": "color" }, "bgColor-upsell-emphasis": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-upsell-emphasis)" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.done.emphasis}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-upsell-emphasis)" } } } }, "name": "bgColor-upsell-emphasis", "attributes": {}, "path": ["bgColor", "upsell", "emphasis"], "key": "{bgColor.upsell.emphasis}", "value": "#8250df", "type": "color" }, "bgColor-upsell-muted": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-upsell-muted)" } } }, "filePath": "src/tokens/functional/color/bgColor.json5", "isSource": true, "original": { "$value": "{bgColor.done.muted}", "$type": "color", "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"], "codeSyntax": { "web": "var(--bgColor-upsell-muted)" } } } }, "name": "bgColor-upsell-muted", "attributes": {}, "path": ["bgColor", "upsell", "muted"], "key": "{bgColor.upsell.muted}", "value": "#fbefff", "type": "color" }, "bgColor-white": { "$extensions": { "org.primer.figma": { "collection": "mode", "group": "semantic", "scopes": ["bgColor"] }, "org.primer.overrides": { "dark": "#1f2328" } }, "filePath": "src/tokens/functional/co